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
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

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

• Live Site URL: Blogr Landing Page

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Responsive Design
• Less - CSS Library

Continued development

I am thinking on developing this site further and moving beyond the requirements for the challenge. I want to add a form for log in and register;connect them to an actual SQL database using Node.js; user authentication and token. Also, the ability for users to actually write blog posts as going the extra mile and keep my skills sharp.

Useful resources

• CSS trikcs - I contanstly refered to this site to make sure I was using up to date responsive syntax.

Author

• Twitter - @Silvestrekevin