Skip to content

MartinShelley/blogr-landing-page

Repository files navigation

Frontend Mentor - Blogr landing page solution

This is a solution to the Blogr landing page challenge on Frontend Mentor. This was the first project I took on from Frontend Mentor a few years ago when I knew I wanted to switch careers and become a front-end developer. Looking back at my original attempt at this challenge, I was embarrassed at how bad it was, but it was also reassuring to see how far I had come. So had to put it right and give this challenge another go!

Table of contents

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

Screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • SASS
  • Accessibility