thefill

Olá @brunovianarenega !
Nesse caso você poderia criar o seu próprio card usando CSS para isso.
 
Você pode usar o display grid para isso, nele você especifica o tamanho e a quantidade de colunas e linhas que vai precisar.
 
Aqui você pode usar a propriedade object-fit: cover. Dessa forma isso faz com que as dimensões do elemento substituído são alteradas, preenchendo todo o container e mantendo a sua razão de aspecto (aspect ratio).
 
Sim, nesse caso você poderia fazer com que o seu back-end só retornasse apenas 10 itens de cada vez.
 
 
Eu consegui fazer um layout simples com essa ideia, veja esse link: Layout
Você pode ver o código do layout aqui: Código do layout

Olá @brunovianarenega !
Nesse caso você poderia criar o seu próprio card usando CSS para isso.
 
Você pode usar o display grid para isso, nele você especifica o tamanho e a quantidade de colunas e linhas que vai precisar.
 
Aqui você pode usar a propriedade object-fit: cover. Dessa forma isso faz com que as dimensões do elemento substituído são alteradas, preenchendo todo o container e mantendo a sua razão de aspecto (aspect ratio).
 
Sim, nesse caso você poderia fazer com que o seu back-end só retornasse apenas 10 itens de cada vez.
 
 
Eu consegui fazer um layout simples com essa ideia, veja esse link: Layout
Você pode ver o código do layout aqui: Código do layout

Olá @brunovianarenega !
Nesse caso você poderia criar o seu próprio card usando CSS para isso.
 
Você pode usar o display grid para isso, nele você especifica o tamanho e a quantidade de colunas e linhas que vai precisar.
 
Aqui você pode usar a propriedade object-fit: cover. Dessa forma isso faz com que as dimensões do elemento substituído são alteradas, preenchendo todo o container e mantendo a sua razão de aspecto (aspect ratio).
 
Sim, nesse caso você poderia fazer com que o seu back-end só retornasse apenas 10 itens de cada vez.
 
 
Eu consegui fazer um layout simples com essa ideia, veja esse link: Layout
Você pode ver o código do layout aqui: Código do layout

Olá @brunovianarenega !
Nesse caso você poderia criar o seu próprio card usando CSS para isso.
 
Você pode usar o display grid para isso, nele você especifica o tamanho e a quantidade de colunas e linhas que vai precisar.
 
Aqui você pode usar a propriedade object-fit: cover. Dessa forma isso faz com que as dimensões do elemento substituído são alteradas, preenchendo todo o container e mantendo a sua razão de aspecto (aspect ratio).
 
Sim, nesse caso você poderia fazer com que o seu back-end só retornasse apenas 10 itens de cada vez.
 
 
Eu consegui fazer um layout simples com essa ideia, veja esse link: Layout
Você pode ver o código do layout aqui: Código do layout

Oi @brunovianarenega !
 
 
Para revolver isso você pode usar esse código javascript:
window.addEventListener('scroll', function () { const nav1 = document.getElementById('nav1'); nav1.classList.toggle('menu_fixo', window.scrollY > 0); });  
Adicionar um id no seu nav, dessa forma:
<div id="nav1" class="nav1">  
E por ultimo, adicionar uma nova classe no seu arquivo css, assim:
.menu_fixo { position: fixed; }  
Resumindo o que tudo isso faz, dessa forma você cria um menu static no seu site e que toda vez que o usuário descer a pagina esse mesmo menu ganha a propriedade fixed, ficando de forma fixa durante todo o resto da pagina.
 
Veja o exemplo que eu fiz usando o código que você disponibilizou:
Exemplo

Oi senhor @Impts !
Boa noite!
 
Eu fiz dessa forma:

 
Não ficou igual a sua foto mas já é um começo!
 
Para isso eu só alterei duas linhas do seu CSS.
 
A linha 3 ficou assim:
grid-template-columns: repeat(2, 1fr);  
E a linha 11, que ficou assim:
grid-row: 1 / 4;  

Certo!
O primeiro eu fiz assim:
 
---HTML---
<div class="imgBox"> <div> <h1>Titulo da foto</h1> <h2>Descrição da foto.</h2> <a href="link-sif">Clique para baixar</a> </div> <img src="https://images.unsplash.com/photo-1638026902706-5fce0ca77f8f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=774&q=80" /> </div>  
---CSS---
.imgBox { padding: 20px 50px; background-color: #fff; width: 100%; height: auto; display: flex; justify-content: space-around; align-items: center; } .imgBox h1 { font-size: 2.3em; } .imgBox h2 { font-size: 1.6em; } .imgBox img { width: 400px; height: 400px; object-fit: cover; object-position: center; }  
E o segundo eu consegui fazer assim:
 
---HTML---
<div> <h1>Serviço</h1> <span>Bronze</span> </div>  
---CSS---
div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } h1 { font-size: 8em; } span { font-size: 1.6em; top: 0; right: 0; }  

Olá @Mateus Santana silva
Você já ouviu falar no Redux?
Caso nunca tenha ouvido falar dele basicamente ele é um gerenciador de estado!
Bem, resumidamente ele serve para compartilhar um dado(state) entre os componentes da sua aplicação.
 

A imagem acima é muito famosa quando se trata de Redux.
Nessa imagem a esquerda podemos ver uma aplicação React sem Redux, nela temos um problema, pois para que os nossos componentes tenham acesso ao nosso estado teremos que passar ele para cada um dos componentes individualmente, já na imagem a direita podemos ver uma aplicação com Redux e como ele funciona. No Redux nós temos um carinha chamado de Store, nele teremos todo o estado da nossa aplicação, dessa forma cada componente poderá ter acesso a esse estado.
 
 
 
Acredito que ele possa resolver o seu problema.
Essa foi uma explicação bem rasa sobre o Redux, então por isso, vou deixar aqui alguns links para que você possa se aprofundar mais no assunto:
Documentação oficial do Redux (Documentação)
Redux: Um tutorial prático e simples! (Artigo)
Introdução a Redux com ReactJS (Curso)
Gerenciado o estado das aplicações React com Redux (Curso)
 
Espero ter ajudado!
 
 

Olá @Noob752 , bom dia!
Certo.
Pelo que eu entendi quando ele fala "a soma das diagonais de cada matriz" ele quer apenas a soma das diagonais da matriz A e a soma das diagonais da matriz B.
Caso você não lembre, uma matriz tem duas diagonais, a diagonal principal e a diagonal secundaria, veja a imagem:

 
Agora quando ele fala sobre "a multiplicação das duas matrizes" ele se refere a multiplicação entre essas duas matrizes, dando assim uma outra matiz como resultado, como podemos ver no exemplo abaixo:

 
Espero ter lhe ajudado.

Boa tarde, revisando meu código pude perceber um erro na parte onde ele recebe o menor número.
 
 A primeira parte do erro é quando eu passo para o programa um inteiro com o nome de menor e com valor inicial de 0.
 
 
A segunda parte é quando eu verifico se o valor passado pelo usuário é menor que a variável de nome menor, que no caso é zero, dessa forma nem um valor positivo sera menor que zero.
 
Fiz as alterações necessárias:
 
#include <stdio.h> int main() { int qnt = 0, sum = 0, maior = 0, menor, input = 0; do{ printf("Digite um numero: "); scanf("%i", &input); qnt = qnt + 1; sum = sum + input; if(input > maior) maior = input; if((menor > input) && (input != 0)) menor = input; }while(input != 0); printf("\nA quantidade total de numeros digitados foram: %i" "\nO somatorio foi: %i" "\nO maior numero foi: %i" "\nO menor numero foi: %i", qnt, sum, maior, menor); return 0; }  
Dessa forma ele pula quando o usuário informar ao programa o valor zero.
 

Oi @Rui Guilherme obrigado por me responder, como eu já havia dito anteriormente, pelo menos o básico eu já tinha conhecimento, o layout era a parte mais complicada de se fazer da forma que eu gostaria de fazer, desculpem pois não fui muito claro quando fiz minha pergunta.
Eu acessei os links que você havia deixado como referencia do que estudar, mas ainda sim não resolviam o meu problema, pesquisei um pouco mais na internet e então achei algo que fosse mais no caminho que eu estava procurando.
 
 
Esses dois comandos foram o que me ajudaram a fazer o que eu queria:
 
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-gap: 15px;  
Fiz um projeto bem simples feito em ReactJS no site do Stackblitz para caso vocês queiram testar:
Link para o código
Link para a demo do site
 
Bem, então era isso, mais uma vez muito obrigado ao @Rui Guilherme e ao @GabrielSennaMs que me responderam.