Skip to content

Commit c54a9bc

Browse files
committed
Fix aligment in article
1 parent fe71bb1 commit c54a9bc

1 file changed

Lines changed: 7 additions & 9 deletions

File tree

Wireframe/style.css

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -81,16 +81,14 @@ Setting the rules for how elements are placed in the article.
8181
Now laying out just the INSIDE of the repeated card/article design.
8282
Keeping things orderly and separate is the key to good, simple CSS.
8383
*/
84+
8485
article {
8586
border: var(--line);
86-
padding-bottom: var(--space);
87-
text-align: left;
87+
padding: var(--space);
8888
display: grid;
89-
grid-template-columns: var(--space) 1fr var(--space);
90-
> * {
91-
grid-column: 2/3;
92-
}
93-
> img {
94-
grid-column: span 3;
95-
}
89+
grid-template-rows: 1fr auto;
90+
}
91+
92+
article img {
93+
margin: auto;
9694
}

0 commit comments

Comments
 (0)