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

Built with Flexbox

Kristiana12β€’ 425

@Kristiana12


Design comparison


SolutionDesign

Solution retrospective


I couldn't get the background how it should be,

could somebody please give me a hint of how I could have done it better?

Thank you!

Community feedback

Patryk Beslerβ€’ 355

@beslerpatryk

Posted

Hey KristianaπŸ‘‹

You did an amazing job, I could learn a thing or two from you! If you want to make your background on the desktop version look just like the one from the design files try setting the background-size property to contain instead of cover. The background position: center is also not necessary. After those adjustments, it's just a matter of positioning your content. πŸ˜‰ Pay attention to the width and margins of your container and I am sure you can get the desired outcome.

Hope that some of it were helpful. Keep up the good work and good luck on your future projects!

1

Kristiana12β€’ 425

@Kristiana12

Posted

Hi @beslerpatryk πŸ‘‹πŸ»

Thank you so much for your feedback!

Already changed the background size and position on my code editor, and it looks much better! I just need to experiment with the position of the content as you said to get a better result 😁

0

@ArindamSankarDas

Posted

So far the project is very good but you could have minimised the HTML elements by using pseudo-selectors.

But, except all is pretty good

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