Creative Agency Front Page | Intermediate HTML CSS JavaScript CHALLENGE!

Check out the final result: https://nikmaxott.github.io/sunnyside-agency-landing-page/
Check out the GitHub repo: https://github.com/nikmaxott/sunnyside-agency-landing-page

A larger scale project. Using both CSS Flexbox and CSS Grid to achieve this amazing final result! This meant a lot of media queries to enable the webpage to be mobile friendly.

Desktop Version of the Sunnyside Agency Front Page

Again, a no framework build, just pure CSS, HTML and JavaScript. The last of these was not used very much, only used to toggle the menu in mobile.

The final step in the process was to put the site through Lighthouse, getting some rather respectable scores. With the two biggest improvements still needed are changing the text colours to be A contrast or greater.

Lighthouse Scores

More challenges coming soon! If you want to do some for yourself check out https://www.frontendmentor.io/ for some cool inspiration and web projects

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.