mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-05-29 06:43:11 +00:00
Code cleanup in progress
This commit is contained in:
parent
6de757215f
commit
5a591c59bc
13 changed files with 339 additions and 348 deletions
15
css/main.css
15
css/main.css
|
@ -217,7 +217,8 @@ nav .btn {
|
|||
margin: 0.25rem;
|
||||
padding: 0;
|
||||
height: auto;
|
||||
max-width: calc(33.33% - 0.5rem);
|
||||
max-width: calc(20% - 0.5rem);
|
||||
min-width: calc(20% - 0.5rem);
|
||||
background-color: #151515;
|
||||
border-radius: -0.25rem;
|
||||
position: relative;
|
||||
|
@ -236,6 +237,18 @@ nav .btn {
|
|||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.gallery-item {
|
||||
max-width: calc(25% - 0.5rem);
|
||||
min-width: calc(25% - 0.5rem);
|
||||
}
|
||||
}
|
||||
@media (max-width: 550px) {
|
||||
.gallery-item {
|
||||
max-width: calc(33.33% - 0.5rem);
|
||||
min-width: calc(33.33% - 0.5rem);
|
||||
}
|
||||
}
|
||||
.gallery-image {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue