Skip to content

Commit 68d65a8

Browse files
committed
Add card grid css
1 parent 003df98 commit 68d65a8

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

02-css/style.css

+10
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,16 @@ main {
6666
width: 100%;
6767
}
6868

69+
.card {
70+
display: grid;
71+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
72+
column-gap: 5px;
73+
}
74+
/*
75+
Detailed guide on using CSS Grid's repeat/auto-fit/minmax properties together:
76+
https://codesandbox.io/s/css-grid-repeat-autofit-guide-vqz07p?file=/index.html
77+
*/
78+
6979
footer {
7080
background-color: #1212B2;
7181
padding: 32px;

0 commit comments

Comments
 (0)