Assignment

Build Setup

# install dev dependencies - for SASS build and Dev Live Server
$ npm run gulp

About

Responsive design

I focus mainly on the 2 given resolutions 360/1440. Between those 2 i used Tailwind's breakpoints

• sm 640px @media (min-width: 640px) { ... }
• md 768px @media (min-width: 768px) { ... }
• lg 1024px @media (min-width: 1024px) { ... }
• xl 1280px @media (min-width: 1280px) { ... }

JS Framework

I used jQuery.js with jquery-modal for the Modal.

CSS Framework

I use Tailwind for Grid Layout and some minnor differences between Mobile and Desktop (1440).

External Componets

External imports: jquery-modal, font_awesome