Skip to content

Instantly share code, notes, and snippets.

@jonataa
Last active November 22, 2017 02:37
Show Gist options
  • Select an option

  • Save jonataa/8b94959e546613ea40e7bbfaf5140ff2 to your computer and use it in GitHub Desktop.

Select an option

Save jonataa/8b94959e546613ea40e7bbfaf5140ff2 to your computer and use it in GitHub Desktop.
*{
padding: 0;
margin: 0;
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
}
.logo{
display: flex;
flex-direction: row;
justify-content: center;
}
.logo img{
height: 10vw;
}
.descricao{
background-color: black;
padding: 5vw;
}
.descricao h1{
color: #fff;
font-size: 40px;
text-align: center;
}
.conteudo{ /* MAIN */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px 20px;
}
.conteudo article{
text-align: center;
margin: 30px 0px;
}
.conteudo article img{
max-width: 100%;
margin-bottom: 40px;
}
.conteudo .botao{
padding: 20px 90px;
background-color: black;
color: #fff;
text-decoration: none;
font-size: 60px;
}
@media(min-width: 1024px) and (min-height: 437px){
.conteudo{
display: flex;
justify-content: center;
flex-direction: row; /* ADICIONEI */
}
.conteudo article {
margin-right: 15px; /* ADICIONEI */
}
.conteudo article img{
/* width: 50%; */
}
.conteudo .botao{
padding: 10px 15px;
background-color: black;
color: #fff;
text-decoration: none;
font-size: 25px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment