Enable RWD in news section

This commit is contained in:
Bartłomiej Pluta
2018-04-16 14:44:05 +02:00
parent abb149b383
commit 39532aacf7
2 changed files with 16 additions and 3 deletions

View File

@@ -411,7 +411,7 @@
<div class="news"> <div class="news">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-4"> <div class="news__news col-12 col-sm-4">
<p class="news__title"> <p class="news__title">
New in Release 2.8 New in Release 2.8
</p> </p>
@@ -435,7 +435,7 @@
</div> </div>
<button class="rect-button rect-button--small">Go to Release Log</button> <button class="rect-button rect-button--small">Go to Release Log</button>
</div> </div>
<div class="col-4"> <div class="news__extensions col-12 col-sm-4">
<p class="news__title"> <p class="news__title">
Popular Extensions Popular Extensions
</p> </p>
@@ -466,7 +466,7 @@
</div> </div>
<button class="rect-button rect-button--small">Go to Marketplace</button> <button class="rect-button rect-button--small">Go to Marketplace</button>
</div> </div>
<div class="col-4"> <div class="news__blog col-12 col-sm-4">
<p class="news__title"> <p class="news__title">
New From the Blog New From the Blog
</p> </p>

View File

@@ -41,4 +41,17 @@
font-size: 13px; font-size: 13px;
color: $regular-text; color: $regular-text;
font-weight: 500; font-weight: 500;
}
@media all and (max-width: $phone) {
.news__news,
.news__extensions,
.news__blog {
padding: 0 30px;
}
.news__extensions,
.news__blog {
margin-top: 50px;
}
} }