Design comparison
Solution retrospective
I am struggling with I want background-image display same with design if you have better ideas please let me know
Your comments and suggestions are welcome!
Community feedback
- @FluffyKasPosted about 3 years ago
Hiyo, in mobile view there seem to be more margin/padding on the left of the description than on the right (or it's just not centered?). You also seem to be missing aria-labels from the social-links. I'm also not sure what this part of your code is doing
<g id="icomoon-ignore"></g>
, apart from causing you problems with the duplicate IDs :DAs to your background image, in desktop view if you changed your
background-size
tocontain
from cover and got rid of thebackground-position
, it would look like the design I believe. But I remember struggling myself with this challenge a lot, it's kinda tricky. I think I ended up adding an additional breakpoint just to make the background nice on all screen sizes, ascontain
will not work all the way down to mobile view ^^Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord