Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Flexbox Desktop-first workflow

yuenu 505

@yuenu


Design comparison


SolutionDesign

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

P
Fluffy Kas 7,735

@FluffyKas

Posted

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 :D

As to your background image, in desktop view if you changed your background-size to contain from cover and got rid of the background-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, as contain will not work all the way down to mobile view ^^

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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