fix community page horizontal scrolling

pull/42341/head
Arhell 2023-08-02 02:47:26 +03:00
parent 2c969da512
commit 8980c22bb1
1 changed files with 14 additions and 9 deletions

View File

@ -62,7 +62,7 @@ body.cid-community .community-section:first-child {
body.cid-community #navigation-items {
padding: 0.25em;
width: 100vw;
width: 100%;
max-width: initial;
margin-top: 2.5em;
@ -117,7 +117,7 @@ body.cid-community .community-section#introduction > p {
body.cid-community #gallery {
display: flex;
max-width: 100vw;
max-width: 100%;
gap: 0.75rem;
justify-content: center;
margin-left: auto;
@ -140,7 +140,7 @@ body.cid-community #gallery img.community-gallery-mobile {
body.cid-community .community-section#events {
width: 100vw;
width: 100%;
max-width: initial;
margin-bottom: 0;
@ -154,7 +154,7 @@ body.cid-community .community-section#events {
}
body.cid-community .community-section#values {
width: 100vw;
width: 100%;
max-width: initial;
background-image: url('/images/community/event-bg.jpg');
color: #fff;
@ -167,7 +167,7 @@ body.cid-community .community-section#values {
}
body.cid-community .community-section#meetups {
width: 100vw;
width: 100%;
max-width: initial;
margin-top: 0;
@ -176,8 +176,6 @@ body.cid-community .community-section#meetups {
background-repeat: no-repeat, repeat;
background-size: auto 100%, cover;
color: #fff;
width: 100vw;
/* fallback in case calc() fails */
padding: 5vw;
padding-bottom: 1em;
@ -229,7 +227,7 @@ body.cid-community .fullbutton {
}
body.cid-community #videos {
width: 100vw;
width: 100%;
max-width: initial;
padding: 0.5em 5vw 5% 5vw; /* fallback in case calc() fails */
background-color: #eeeeee;
@ -321,7 +319,7 @@ body.cid-community .resourcebox {
body.cid-community .community-section.community-frame {
width: 100vw;
width: 100%;
}
body.cid-community .community-section.community-frame .twittercol1 {
@ -422,4 +420,11 @@ body.cid-community #cncf-code-of-conduct h2:after {
body.cid-community .community-section#meetups p:last-of-type {
margin-bottom: 6em; /* extra space for background */
}
}
@media only screen and (max-width: 767px) {
body.cid-community .community-section h2:before,
body.cid-community .community-section h2:after {
display: none;
}
}