Skip to content
Submitted almost 3 years ago

simple sunnyside agency landing page

salem moqa•240
@moqasalem
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Agency landing page
  • HTML
  • CSS
  • JS
2junior

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

  • Olalekan Ogundele•290
    @whoiskekeanywayPosted almost 3 years ago

    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
    @moqasalemPosted almost 3 years ago

    @whoiskekeanyway thank you for your comment

    0

Please log in to post a comment

Log in with GitHub

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