AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix padding on smaller screens

Browse Source
This commit is contained in:
Tom Raithel
2017-02-12 13:43:05 +01:00
parent c3fa34fc56
commit 5163e0aafb
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
styles/components/item-page.css
View File

@@ -9,7 +9,7 @@
&__nav, &__nav,
&__content { &__content {
box-sizing: border-box; box-sizing: border-box;
padding-top: 150px; padding-top: 130px;
height: 100vh; height: 100vh;
position: relative; position: relative;
} }
@@ -20,20 +20,24 @@
} }
&__nav { &__nav {
flex: 0 0 37%; flex: 0 0 calc((100vw - 1200px) / 2 + 400px);
/*flex: 0 0 37%;*/
&__inner { &__inner {
box-sizing: border-box;
float: right; float: right;
width: 375px; width: 410px;
margin: 0 40px 0 0; padding: 0 40px 0 10px;
} }
} }
&__content { &__content {
flex: 0 0 63%; flex: 0 0 calc((100vw - 1200px) / 2 + 800px);
/*flex: 0 0 calc((100vw - 1200px) / 2);*/
background: var(--color-white); background: var(--color-white);
&__inner { &__inner {
width: 680px; box-sizing: border-box;
margin: 0 0 0 100px; width: 810px;
padding: 0 10px 0 100px;
} }
} }
} }