updated styling for lab
This commit is contained in:
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
node_modules
|
||||||
|
to_reform
|
||||||
@@ -29,21 +29,23 @@ div.images
|
|||||||
grid-template-columns repeat(5, 1fr)
|
grid-template-columns repeat(5, 1fr)
|
||||||
grid-gap 0.5%
|
grid-gap 0.5%
|
||||||
back(1)
|
back(1)
|
||||||
|
overflow hidden
|
||||||
|
|
||||||
& img
|
& img
|
||||||
width: 100%
|
width: 100%
|
||||||
@media (max-width: 600px)
|
@media (max-width: 600px)
|
||||||
grid-template-rows repeat(5, 1fr)
|
grid-template-rows repeat(5, 1fr)
|
||||||
grid-template-columns 1fr
|
grid-template-columns 1fr
|
||||||
& img
|
justify-items center
|
||||||
width 80%
|
|
||||||
margin auto
|
|
||||||
article
|
article
|
||||||
width 80%
|
width 80%
|
||||||
margin auto
|
margin auto
|
||||||
display grid
|
display grid
|
||||||
grid-template-columns repeat(3, 1fr)
|
grid-template-columns repeat(3, 1fr)
|
||||||
grid-gap 4%
|
grid-gap 4%
|
||||||
|
overflow hidden
|
||||||
|
|
||||||
@media (max-width: 600px)
|
@media (max-width: 600px)
|
||||||
grid-template-rows repeat(3, 1fr)
|
grid-template-rows repeat(3, 1fr)
|
||||||
grid-template-columns 1fr
|
grid-template-columns 1fr
|
||||||
|
|||||||
Reference in New Issue
Block a user