discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Fixed article header style

Browse Source
This commit is contained in:
kvakazyambra 2023-07-10 22:42:24 +03:00
parent 0b56f32b09
commit 9504fada02
1 changed files with 6 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/Article/Article.module.scss
View File

@ -13,7 +13,7 @@ img {
max-width: 100%; max-width: 100%;
} }
.shoutTopic { .shoutHeader {
margin-bottom: 2em; margin-bottom: 2em;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
@ -21,34 +21,15 @@ img {
} }
} }
.shoutHeader {
display: flex;
flex-flow: row wrap;
}
.shoutCover { .shoutCover {
width: 40%; background-size: cover;
margin-left: auto; height: 0;
padding-bottom: 56.2%;
& img {
width: 100%;
height: auto;
}
@include media-breakpoint-down(sm) {
width: 100%;
margin-left: 0;
}
} }
.shoutBody { .shoutBody {
margin-top: 32px; font-size: 1.7rem;
line-height: 1.6;
font-weight: 400;
font-size: 17px;
line-height: 28px;
letter-spacing: -0.01em;
color: #404040;
img { img {
display: block; display: block;