46 lines
757 B
CSS
46 lines
757 B
CSS
article{
|
|
font-size: 0.9em;
|
|
color: white;
|
|
padding: 2em;
|
|
}
|
|
article header{
|
|
margin-bottom: 2em;
|
|
line-height: 2em;
|
|
}
|
|
article p, article section p{
|
|
line-height: 1.5em;
|
|
font-weight: 300;
|
|
}
|
|
article section{
|
|
font-weight: 300;
|
|
line-height: 1.5em
|
|
}
|
|
|
|
article div{
|
|
margin-top: 2em;
|
|
max-width: 100%;
|
|
display: flex;
|
|
|
|
gap: 2em;
|
|
justify-items: center;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
margin: auto;
|
|
margin-top: 5em;
|
|
justify-content: center;
|
|
}
|
|
|
|
article div img{
|
|
width: 22%;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
@media screen and (max-width: 1000px){
|
|
article div{
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-areas: ". .";
|
|
}
|
|
article div img{
|
|
width: 44%;
|
|
}
|
|
} |