Fix responsiveness
This commit is contained in:
parent
64fb493030
commit
cf7a1aebfb
2 changed files with 7 additions and 0 deletions
|
@ -100,6 +100,7 @@
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
flex: 85%;
|
flex: 85%;
|
||||||
|
max-width: 85%;
|
||||||
}
|
}
|
||||||
.post-card-holder .post-card {
|
.post-card-holder .post-card {
|
||||||
width: calc(100% / 5);
|
width: calc(100% / 5);
|
||||||
|
@ -286,6 +287,7 @@
|
||||||
}
|
}
|
||||||
.content-section {
|
.content-section {
|
||||||
flex: 100%;
|
flex: 100%;
|
||||||
|
max-width: 100%;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -17,6 +17,7 @@ body {
|
||||||
|
|
||||||
.content-section {
|
.content-section {
|
||||||
flex: 60%;
|
flex: 60%;
|
||||||
|
max-width: 60%;
|
||||||
order: 2;
|
order: 2;
|
||||||
/* background-color: lightseagreen; */
|
/* background-color: lightseagreen; */
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
@ -317,6 +318,7 @@ mark {
|
||||||
@media only screen and (min-width: 1824px) {
|
@media only screen and (min-width: 1824px) {
|
||||||
.content-section {
|
.content-section {
|
||||||
flex: 65%;
|
flex: 65%;
|
||||||
|
max-width: 65%;
|
||||||
}
|
}
|
||||||
.content-section .container {
|
.content-section .container {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
@ -341,6 +343,7 @@ mark {
|
||||||
.content-section {
|
.content-section {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
flex: 60%;
|
flex: 60%;
|
||||||
|
max-width: 100%;
|
||||||
order: 2;
|
order: 2;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
@ -416,6 +419,7 @@ mark {
|
||||||
.content-section {
|
.content-section {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
flex: 60%;
|
flex: 60%;
|
||||||
|
max-width: 100%;
|
||||||
order: 2;
|
order: 2;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
@ -487,6 +491,7 @@ mark {
|
||||||
.content-section {
|
.content-section {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
flex: 100%;
|
flex: 100%;
|
||||||
|
max-width: 100%;
|
||||||
order: 3;
|
order: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue