Frontend Mentor - Blogr landing page solution

This is a solution to the Blogr landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Links
  • Built with
  • Continued development
• Author

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page

Links

• Solution URL: https://www.frontendmentor.io/solutions/blogr-landing-page-react-r1-OooVvo
• Live Site URL: https://blogr-front-end-mentor.netlify.app/

My process

Built with

• CSS custom properties
• Flexbox
• React
• @emotion for styling

Continued development

I need to kep focusing on writing reusable pieces of code to keep things dry. Here in the navigation especially I think some of the components could be resued, and make the whole nav shorter, which in production would make it all more efficient

Author

• Website - damienaries.com
• Frontend Mentor - https://www.frontendmentor.io/profile/damienaries
• Twitter - https://www.twitter.com/DamienAries