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

Manage-landing-page

@Eman-Abdallah

Desktop design screenshot for the Manage landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

Noela Ost 150

@NoelaOst

Posted

Hi Eman, love how your solution turned out.

I saw that you are missing background styling. Here is some advice how you can add it.

On your body tag add bg-tablet-pattern.svg as background-image two times, separating it with comma. After that change background position for both svgs also by separating it with comma. For example:

background-position: 50px -350px, 300px 600px;

Also, add background repeat and background size an voila! Hope you find it helpful.

Happy coding:)

Marked as helpful

0

@Eman-Abdallah

Posted

@NoelaOst thanks i do it as you said and it gone well

0
Noela Ost 150

@NoelaOst

Posted

@Eman-Abdallah Nice to hear that. I'm glad it was helpful!

0

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