@GerbenDol
Posted
Oops, somehow I managed to hit "Delete" and delete my comment... 😩
So, here's a quick recap of what it said:
- The design could either be using a lighter font weight, or maybe it's the font rendering. Maybe adding
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
will help your font look a bit leaner. 😁 - Add
background-size: cover;
to the body to make it fill it all the way - I didn't have issues with reducing it's width. Anything in particular going wrong there for you?
- Making a
<a>
look like a button just takes some extra styling. I don't think your styles here are too verbose. 🤷♂️ - Try styling the anchor tag, instead of the i tag to get the circles. Set a equal width and height and center the icon by for example using flexbox
@Sven72
Posted
@GerbenDol Many thanks! The "antialised" and "grayscale" thing changed it for the better. I start to use them regulary. background-size: cover
– ooops. Yes. Your hint concerning the social media icons worked too. Cheers, Sven
@GerbenDol
Posted
@Sven72 Great to hear the tips helped you out!
Earlier today I got around to also doing this challenge, and I'm pretty sure the font weight in the style briefing is just wrong, because it's off too much compared to the font stated in the briefing.