Skip to content

Commit 181e129

Browse files
committed
Changed first article positioning to center, centered title and text below
1 parent a7b8a25 commit 181e129

1 file changed

Lines changed: 9 additions & 3 deletions

File tree

Wireframe/style.css

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -45,10 +45,17 @@ svg {
4545
Setting the overall rules for page regions
4646
https://www.w3.org/WAI/tutorials/page-structure/regions/
4747
*/
48+
49+
header {
50+
text-align: center;
51+
}
52+
4853
main {
4954
max-width: var(--container);
5055
margin: 0 auto calc(var(--space) * 4) auto;
56+
justify-content: center;
5157
}
58+
5259
footer {
5360
position: fixed;
5461
bottom: 0;
@@ -63,10 +70,9 @@ https://gridbyexample.com/learn/
6370
*/
6471
main {
6572
display: grid;
66-
grid-template-columns: 1fr 1fr;
6773
gap: var(--space);
6874
> *:first-child {
69-
grid-column: span 2;
75+
grid-column: span 1;
7076
}
7177
}
7278
/* ====== Article Layout ======
@@ -86,4 +92,4 @@ article {
8692
> img {
8793
grid-column: span 3;
8894
}
89-
}
95+
}

0 commit comments

Comments
 (0)