beenull/simple-icons
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Tweaks padding and units in CSS

Browse source
This commit is contained in:
Dan Leech 2017-05-03 08:23:48 +01:00
parent cf59ce38e0
commit 162c89b61d
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
index.html
View file

@ -195,7 +195,7 @@
background-color: #EEE;
padding: 1.5rem;
}
@media (min-width: 720px) {
@media (min-width: 45rem) {
.footer {
padding: 3rem;
}
@ -213,9 +213,14 @@
font-size: 1.5rem;
line-height: 2rem;
margin: 0;
padding: 4.5rem 1.5rem 1.5rem;
padding: 3rem 1.5rem 1.5rem;
text-align: center;
}
@media (min-width: 45rem) {
.hero {
padding: 4.5rem 3rem 1.5rem;
}
}
.grid {
display: flex;
@ -224,7 +229,7 @@
margin: 1.5rem;
padding: 0;
}
@media (min-width: 720px) {
@media (min-width: 45rem) {
.grid {
margin: 3rem;
}
@ -310,7 +315,7 @@
margin: 0;
padding: 0;
}
@media (min-width: 720px) {
@media (min-width: 45rem) {
.navbar__nav {
padding: 0 1.5rem;
}
@ -348,7 +353,7 @@
</ul>
</header>
<main role="main">
<p class="hero">{{ site.data.simple-icons.icons | size }} free <abbr title="Scalable Vector Graphic">SVG</abbr> icons for popular brands</p>
<p class="hero">{{ site.data.simple-icons.icons | size }} free <abbr title="Scalable Vector Graphic">SVG</abbr> icons for popular&nbsp;brands</p>
<ul class="grid">
<li class="grid-item grid-item--ad">
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1696&amp;serve=CVYD42T&amp;placement=simpleiconsorg" id="_carbonads_js"></script>