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

simple sunnyside agency landing page

salem moqa 240

@moqasalem

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


The project was very easy , but I am still looking for a good solution for an image problem. the problem is how to change the position of a image column with a text column like the "egg" was on the right of "transform" text on desktop screen ,but on mobile screen it become above the text ! I think maybe I can do it with positions property but it will make the design a little complex.

please if you know a good trick for this problem share it .

thank you !!

Community feedback

@whoiskekeanyway

Posted

Hi Salem, excellent job For the coloured lines under learn more, you can check out CSS pseudo-class to do that, I added a link for you to read up on it https://www.w3schools.com/css/css_pseudo_elements.asp.

Your image size needs to be corrected and also your website size, the max-width was meant to be 1440px for desktop

  • Center your clients testimonials title on mobile view
  • center learn more on mobile view
0

salem moqa 240

@moqasalem

Posted

@whoiskekeanyway thank you for your comment

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