skrd/pagina-de-incio-universidad
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mejorada la grid

Browse Source
This commit is contained in:
Daniel Cortés
2020-11-21 01:32:02 -03:00
parent 2c68118fc1
commit 11740ce9ae
1 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
styles.css
View File

@@ -13,41 +13,40 @@
background-position: center; background-position: center;
display: grid; display: grid;
padding: 10px;
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: 20px;
overflow: scroll; overflow: scroll;
grid-template-columns: repeat(10, minmax(130px, 1fr)); grid-template-columns: 300px 1fr 600px 1fr 300px;
grid-template-rows: repeat(13, 1fr); grid-template-rows: repeat(6, 1fr);
gap: 20px; gap: 20px;
} }
#photos-box { #photos-box {
grid-row: 1 / 14; grid-row: 1 / 7;
grid-column: 1 / 3; grid-column: 1;
justify-content: space-between; justify-content: space-between;
} }
#search-box { #search-box {
grid-row: 2 / 4; grid-row: 2;
grid-column: 4 / 8; grid-column: 3;
} }
#weather-box { #weather-box {
grid-row: 1 / 4; grid-row: 1 / 3;
grid-column: 9 / 11; grid-column: 5;
} }
#custom-box { #custom-box {
grid-row: 4 / 10; grid-row: 3 / 5;
grid-column: 9 / 11; grid-column: 5;
} }
#currency-box { #currency-box {
grid-row: 10 / 14; grid-row: 5 / 7;
grid-column: 9 / 11; grid-column: 5;
} }
.box { .box {
@@ -102,7 +101,7 @@
.currency .select { .currency .select {
padding: .6em 0; padding: .6em 0;
width: 7ch; width: 6em;
} }
.currency .result { .currency .result {