Commit f30ebf76 authored by sajolida's avatar sajolida
Browse files

Improve size, alignment, and responsiveness of images

parent eceb4a8a
......@@ -6,19 +6,29 @@ section {
justify-content: space-evenly;
}
.image {
width: 350px;
.image, .text {
width: 80%;
}
.image img {
width: 100%;
}
.text {
width: 450px;
margin-bottom: 4em;
}
@media (min-width: 579px) {
.image, .text {
width: 463px;
padding: 0 30px;
}
}
/* Content is always ordered image → title → text in the HTML but images
* are displayed alternatively on the left and on the right on big
* screens. */
@media (min-width: 880px) {
@media (min-width: 986px) {
section {
justify-content: space-between;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment