Skip to content
Submitted almost 2 years ago

Sunnyside agency landing page solution

Lucian•120
@iflucian
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

Hi everyone, my name is Lucian and this is my solution for Sunnyside agency landing page challenge.

It was a pleasure to solve this colorful challenge and I think I managed to put all the elements in the right place on all devices :)

As usual, even if I tested it at different screen resolutions and it seams OK, any suggestions or tips for improving the code are always welcome. Thank you! ✌

Community feedback

  • Account deleted

    Hi Lucian... Congrats on completing this challenge. 🎉🎉🎉

    Here are some tips to improve your solution🚀.

    🎨CSS:

    Your css reset is deprecated 😥 but here are some popular resets 💯:

    🧱HTML:

    If you can see in the reports that Frontend Mentor gives you, it says that all your content must be contained by reference points. To avoid these accessibility problems, make sure that your content is within a reference region with HTML5 elements 🙃.

    Example:

    <html lang="en">
     <head>
         ...
     </head>
     <body>
         <header>
             ...
         </header>
         <nav>
             ...
         </nav>
         <main>
             ...
         </main>
         <footer>
             ...
         </footer>
     </body>
</html>

    Your solution is very good💯, good job! 🥳

    Happy coding! ✌️

    Marked as helpful
    0
    Lucian•120
    @iflucianPosted almost 2 years ago

    @FLCHRIS

    Thanks Christian! I will make some changes.

    Happy coding! 😎

    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