beenull/News-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Error found

Browse source
This commit is contained in:
Nik Topler 2020-09-21 19:55:48 +02:00
parent d5a429b768
commit 5749c35fb6
1 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
CSS/index.css
View file

@ -408,6 +408,7 @@ body{
height: calc(100% - 64px); height: calc(100% - 64px);
width: 17.5rem; width: 17.5rem;
position: fixed; position: fixed;
overflow: scroll;
transition: ease-in-out all .3s; transition: ease-in-out all .3s;
} }
.side-bar-container { .side-bar-container {
@ -468,9 +469,6 @@ body{
font-size: 0.9rem; font-size: 0.9rem;
color: var(--font-dark); color: var(--font-dark);
} }
.side-bar {
overflow: scroll;
}
.sidebar-country-container > * { padding: 0 0 0 1.5rem; } .sidebar-country-container > * { padding: 0 0 0 1.5rem; }
.side-bar footer div a { color: var(--font-medium); } .side-bar footer div a { color: var(--font-medium); }
.side-bar footer .text { padding: 1rem 0.5rem; } .side-bar footer .text { padding: 1rem 0.5rem; }
@ -489,7 +487,7 @@ body{
/** Main Section */ /** Main Section */
.main-content-section { .main-content-section {
max-width: 1176px; max-width: 1176px;
width: 1080px; /* ERROR width: 1080px; */
min-width: 250px; min-width: 250px;
height: 100%; height: 100%;
padding: 20px; padding: 20px;
@ -499,8 +497,8 @@ body{
.main-content-container { .main-content-container {
height: 100%; height: 100%;
display: grid; display: grid;
grid-template-columns: repeat(12,minmax(0,1fr)); grid-template-columns: repeat(12,minmax(0, 1fr));
grid-gap: 16px 32px; grid-gap: 1rem 2rem;
} }
.article-container { grid-column: 1/9; } .article-container { grid-column: 1/9; }
#main-side-content-container { grid-column: 9/13; } #main-side-content-container { grid-column: 9/13; }
@ -1291,9 +1289,9 @@ body{
grid-column: 8/13; grid-column: 8/13;
} }
} */ } */
@media screen and (max-width: 1681px) { @media screen and (max-width: 1778px) {
.main-content-section { .main-content-section {
margin-left: 280px; margin-left: 290px;
} }
} }
@media screen and (max-width: 1100px) { @media screen and (max-width: 1100px) {