Frontend Mentor Challenge - Intro component with sign up form

The Challenge

It is to build out this introductory component and get it looking as close to the design as possible and view the optimal layout for the site depending on their device's screen size.

Deployment

Check solution URL to compare with challange!

• Solution URL: https://www.frontendmentor.io/solutions/responsive-layout-using-css-flexbox-reactjs-gKHYLhmFT
• Live URL: https://acelyavul.github.io/frontendmentor_intro-component-with-signup-form/

Demo

Desktop

Mobile

Build with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• ReactJs
• Responsive Web Design & Mobile

Installation

1. Clone the repo

https://github.com/acelyavul/frontendmentor_intro-component-with-signup-form.git

2. Install all the dependencies inside the project folder

yarn

3. Start the project

yarn start 

4. Run test

yarn test 

Author

• Frontend Mentor - @acelyavul
• Twitter - @acelya_vul