bartek/forkio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enable RWD for footer

Browse Source
This commit is contained in:
Bartlomiej Pluta (PGS Software)
2018-04-19 11:43:26 +02:00
parent 658886fe22
commit 5a0c860c75
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/index.html
View File

@@ -510,7 +510,7 @@
<div class="footer"> <div class="footer">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="footer__about col-4"> <div class="footer__about col-12 col-md-4">
<div class="brand"> <div class="brand">
<img class="brand__logo" src="img/logo.svg" alt="Forkio logo"> <img class="brand__logo" src="img/logo.svg" alt="Forkio logo">
<span class="brand__name">Fork</span> <span class="brand__name">Fork</span>
@@ -520,7 +520,7 @@
Lorem ipsum dolor sit amet, feugiat delicat liberavisse id cum no quo Lorem ipsum dolor sit amet, feugiat delicat liberavisse id cum no quo
</p> </p>
</div> </div>
<div class="footer__nav col-2"> <div class="footer__nav col-12 col-md-2">
<p class="footer__nav__title">Navigation</p> <p class="footer__nav__title">Navigation</p>
<ul class="footer__nav__navbar"> <ul class="footer__nav__navbar">
<li><a href="#">Home</a></li> <li><a href="#">Home</a></li>
@@ -530,13 +530,13 @@
<li><a href="#">Support</a></li> <li><a href="#">Support</a></li>
</ul> </ul>
</div> </div>
<div class="footer__contact col-3"> <div class="footer__contact col-12 col-md-3">
<p class="footer__contact__phone">347 567 78 90</p> <p class="footer__contact__phone">347 567 78 90</p>
<p class="footer__contact__availability">Available from 12PM - 18PM</p> <p class="footer__contact__availability">Available from 12PM - 18PM</p>
<p class="footer__contact__city">New York, NY</p> <p class="footer__contact__city">New York, NY</p>
<p class="footer__contact__address">560 Judah St & 15th Ave, Apt 5<br/>San Francisco, CA, 230903</p> <p class="footer__contact__address">560 Judah St & 15th Ave, Apt 5<br/>San Francisco, CA, 230903</p>
</div> </div>
<div class="footer__info col-3"> <div class="footer__info col-12 col-md-3">
<p class="footer__info__title">Info</p> <p class="footer__info__title">Info</p>
<p class="footer__info__description"> <p class="footer__info__description">
Wisia enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut Wisia enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut

9
src/scss/_footer.scss
View File

@@ -88,4 +88,13 @@
color: $regular-text; color: $regular-text;
} }
} }
@media all and (max-width: $phone) {
&__about,
&__nav,
&__contact,
&__info {
padding: 0 30px;
}
}
} }