As close as I am going to get
This commit is contained in:
parent
09a4391efe
commit
854d8f7fac
|
@ -112,6 +112,7 @@ h1 {
|
||||||
|
|
||||||
color: white;
|
color: white;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
|
@ -120,7 +121,7 @@ h1 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.illustrations {
|
.illustrations {
|
||||||
margin: 3.5rem 2.375rem 1rem;
|
margin: 3.5rem 2.3125rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.illustration {
|
.illustration {
|
||||||
|
@ -138,7 +139,7 @@ h1 {
|
||||||
|
|
||||||
.siteBlurb {
|
.siteBlurb {
|
||||||
margin:0;
|
margin:0;
|
||||||
margin-top: 1rem;
|
margin-top: 0.9375rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
/* line-height: 2rem;
|
/* line-height: 2rem;
|
||||||
|
@ -161,9 +162,10 @@ h1 {
|
||||||
margin-top: 0.875rem;
|
margin-top: 0.875rem;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: var(--site-color);
|
color: var(--site-color);
|
||||||
font-size: 12px;
|
font-size: 13px;
|
||||||
|
letter-spacing: 1px;
|
||||||
border: none;
|
border: none;
|
||||||
padding: 13px 76px;
|
padding: 12px 72px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -182,7 +184,7 @@ h1 {
|
||||||
|
|
||||||
.socialButtonsSection i {
|
.socialButtonsSection i {
|
||||||
/* padding: 0.5rem; */
|
/* padding: 0.5rem; */
|
||||||
margin-left: 0.25rem;
|
margin-left: 0.375rem;
|
||||||
margin-top: 0.9375rem;
|
margin-top: 0.9375rem;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -41,7 +41,7 @@
|
||||||
<footer>
|
<footer>
|
||||||
<p class="attribution">
|
<p class="attribution">
|
||||||
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
|
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
|
||||||
Coded by <a href="#">Your Name Here</a>.
|
Coded by <a href="#">Robert McGovern</a>.
|
||||||
</p>
|
</p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 111 KiB |
|
@ -48,7 +48,11 @@ next day
|
||||||
![alt](img-diff-2-desktop-near-enough.png)
|
![alt](img-diff-2-desktop-near-enough.png)
|
||||||
|
|
||||||
Still now on to the mobile variant. Can I nail it better?
|
Still now on to the mobile variant. Can I nail it better?
|
||||||
|
spent an age on this, lots of tweaking. Not quite there but nearly, so nearly
|
||||||
|
|
||||||
|
![alt](mob-img-diff-1.png)
|
||||||
|
|
||||||
|
so. This is where I gave up.
|
||||||
|
|
||||||
Things I've not touched so far:
|
Things I've not touched so far:
|
||||||
main section
|
main section
|
||||||
|
|
Reference in New Issue