Browse Source

adding left-to-right layout and move image margin to separate class

Alexander Avery 5 months ago
parent
commit
409d00b7c5
  1. 13
      assets/sass/main.scss

13
assets/sass/main.scss

@ -89,10 +89,13 @@ img {
img.featured { img.featured {
border-radius: 8px; border-radius: 8px;
max-height: 500px; max-height: 500px;
margin: 12px auto;
display: block; display: block;
} }
.margin {
margin: 12px auto;
}
.small-text { .small-text {
font-size: 1rem; font-size: 1rem;
} }
@ -101,6 +104,14 @@ img.featured {
font-size: 2rem; font-size: 2rem;
} }
.left-to-right {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: space-evenly;
align-items: end;
}
section { section {
max-width: 1000px; max-width: 1000px;
margin: 16px auto; margin: 16px auto;

Loading…
Cancel
Save