This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const requestApi = async () => { | |
const responseRaw = await fetch('https://api.github.com/users/diego3g'); | |
const responseJson = await responseRaw.json(); | |
return responseJson; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.container{ | |
display: flex; | |
flex-direction: row; /*Eixo principal*/ | |
justify-content:center ;/*Alinhamento de acordo com o eixo principal-flex-direction*/ | |
align-items: center; /*Alinhamento no eixo perpendicular !flex-direction*/ | |
/* flex-wrap: wrap; */ /*Quebra o número de elementos em linhas/colunas */ | |
align-content: center; /*Alinha elementos que estão quebrando linha de acordo com o eixo perpendicular- quando usar warap*/ | |
row-gap: 2rem; /* Espaçamento entre as linhas que estão quebrando */ | |
column-gap: 1rem;/* Espaçamento entre as colunas que estão quebrando */ | |
/* gap:2rem; /* pode usar somente gap para colunas e linhas*/ |