Samanosukeh / single-price-grid-component-master

Frontend Mentor Challenge#1

Home Page:https://samanosukeh.github.io/single-price-grid-component-master/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Frontend Mentor - Single price grid component

Design preview for the Single price grid component coding challenge

Frontend Mentor - Single price grid component solution

This is a solution to the Single price grid component 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 component depending on their device's screen size
  • See a hover state on desktop for the Sign Up call-to-action

Screenshot

My Solution

Links

My process

Built with

  • Semantic HTML5 markup
  • SCSS custom properties
  • Flexbox

What I learned

Use this section to recap over some of your major learnings while working through this project. I put it into practice and learned to use Scss compiled in VS Code.

Author

About

Frontend Mentor Challenge#1

https://samanosukeh.github.io/single-price-grid-component-master/

License:MIT License


Languages

Language:SCSS 64.0%Language:HTML 36.0%