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

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

- Desktop version

- Mobile version

Links

My process

Built with

  • Semantic HTML5 markup
  • SCSS
  • Flexbox
  • Mobile-first workflow
  • Vue.js - For build and development

What I learned

Vue <3

Continued development

I want to focus on improve my html + scss + js skills and than I want to complete these challenges using vue :)

Author

Acknowledgments

LOVE SASS <3

How to run app

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.