Frontend Mentor | Sunnyside agency landing page solution coding challenge solution

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

Christian• 970

@FLCHRIS

Posted over 1 year ago

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

Lucian• 120

@iflucian

Posted over 1 year ago

@FLCHRIS

Thanks Christian! I will make some changes.

Happy coding! 😎

Sunnyside agency landing page solution

Design comparison

Solution retrospective

Community feedback

Please log in to post a comment

Join our Discord community