File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -24,6 +24,7 @@ As well as useful links to learn more */
2424 --line : 1px solid;
2525 --container : 900px ;
2626}
27+
2728/* ====== Base Elements ======
2829 General rules for basic HTML elements in any context */
2930body {
3940 border : var (--line );
4041 max-width : fit-content;
4142}
43+
4244img ,
4345svg {
4446 width : 100% ;
4547 object-fit : cover;
4648}
49+
4750/* ====== Site Layout ======
4851Setting the overall rules for page regions
4952https://www.w3.org/WAI/tutorials/page-structure/regions/
@@ -78,10 +81,12 @@ main {
7881 display : grid;
7982 grid-template-columns : 1fr 1fr ;
8083 gap : var (--space );
81- > * : first-child {
84+
85+ > * : first-child {
8286 grid-column : span 2 ;
8387 }
8488}
89+
8590header {
8691 text-align : center;
8792}
@@ -102,8 +107,9 @@ section {
102107 padding-bottom : var (--space );
103108
104109 text-align : left;
105- }
106- img {
107- width : 100% ;
108- grid-column : span 3 ;
109- }
110+ }
111+
112+ img {
113+ width : 100% ;
114+ grid-column : span 3 ;
115+ }
You can’t perform that action at this time.
0 commit comments