Fix responsiveness (#53)

This commit is contained in:
Md. Emruz Hossain 2020-07-24 12:57:56 +06:00 committed by GitHub
parent 64fb493030
commit 55588921f2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 0 deletions

View file

@ -100,6 +100,7 @@
padding-left: 1rem;
padding-right: 1rem;
flex: 85%;
max-width: 85%;
}
.post-card-holder .post-card {
width: calc(100% / 5);
@ -286,6 +287,7 @@
}
.content-section {
flex: 100%;
max-width: 100%;
padding-left: 0;
width: 100%;
}

View file

@ -17,6 +17,7 @@ body {
.content-section {
flex: 60%;
max-width: 60%;
order: 2;
/* background-color: lightseagreen; */
padding: 0;
@ -317,6 +318,7 @@ mark {
@media only screen and (min-width: 1824px) {
.content-section {
flex: 65%;
max-width: 65%;
}
.content-section .container {
max-width: 100%;
@ -341,6 +343,7 @@ mark {
.content-section {
padding: 0;
flex: 60%;
max-width: 100%;
order: 2;
overflow: hidden;
}
@ -416,6 +419,7 @@ mark {
.content-section {
padding: 0;
flex: 60%;
max-width: 100%;
order: 2;
overflow: hidden;
}
@ -487,6 +491,7 @@ mark {
.content-section {
padding: 0;
flex: 100%;
max-width: 100%;
order: 3;
}