Content added Content deleted
(styling for responsive image gallery) |
(testing changes to responsive image gallery styling) |
||
Line 473: | Line 473: | ||
/* Create four equal columns that sits next to each other */ |
/* Create four equal columns that sits next to each other */ |
||
.column { |
.column { |
||
flex: |
flex: 25%; /*1*/ |
||
max-width: |
max-width: 25%; /*100%*/ |
||
/*background-color:var(--color-surface-1);*/ |
/*background-color:var(--color-surface-1);*/ |
||
/*border:1px solid var(--border-color-base);*/ |
/*border:1px solid var(--border-color-base);*/ |
||
/*color:var(--color-base-emphasized);*/ |
/*color:var(--color-base-emphasized);*/ |
||
border-radius: 8px; |
/*border-radius: 8px;*/ |
||
/*box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);*/ |
/*box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);*/ |
||
padding: 5px; |
padding: 5px; |
||
Line 492: | Line 492: | ||
@media (max-width: 800px) { |
@media (max-width: 800px) { |
||
.column { |
.column { |
||
flex: |
flex: 50%; |
||
max-width: |
max-width: 50%; |
||
} |
} |
||
} |
} |