As close as I am going to get

This commit is contained in:
Robert McGovern 2020-09-02 17:47:32 +01:00
parent 09a4391efe
commit 854d8f7fac
4 changed files with 12 additions and 6 deletions

View File

@ -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;
} }

View File

@ -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

View File

@ -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