diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 47 |
1 files changed, 37 insertions, 10 deletions
@@ -1,17 +1,39 @@ .wrapper { display: grid; - height: 200px; - grid-template-columns: 1fr 3fr 1fr; + /* height: 200px; */ + grid-template-columns: 3fr 1fr; gap: 10px; } +.child { + background: white; + padding: 1.2em; + border: 1px solid; + border-color: lightgray; + border-radius: 5px; +} + +.left-section { + background: white; + padding: 1.2em; + border: 1px solid; + border-color: lightgray; + border-radius: 5px; + margin-bottom: 10px; +} + +.inner { + display: grid; + grid-template-columns: 1fr 1fr; +} + @font-face { font-family: 'OpenSans'; src: url(OpenSans-VariableFont_wdth,wght.ttf); } * { - font-size: 14pt; + font-size: 12pt; font-family: 'OpenSans'; } @@ -20,14 +42,23 @@ header { max-width: fit-content; margin-left: auto; margin-right: auto; - margin-top: 100px; + margin-top: 50px; } -.inner { +.inner-header { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr; + gap: 10px; + margin-bottom: 20px; } +.info { + margin-left: auto; + margin-right: auto; + text-align: center; +} + + .jumplist { display: grid; grid-template-columns: repeat(3, 1fr); @@ -38,10 +69,6 @@ h1 { font-size: 2.4em; } -.child { - background: white; - padding: 1.2em; -} .objectpic { max-width: fit-content; |