• Overview
  • The challenge
  • Screenshots
  • Links
• Reference
  • Font
  • Color
• Run Locally
• My process
  • Built with
• Author
• Credits

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

• Solution URL: https://www.frontendmentor.io/solutions/blogr-landing-page-with-flexbox-css-grid-PVN3KUNQq
• Live Site URL: https://ishantbhurani.github.io/blogr-landing-page/

• Overpass
• Ubuntu

Color	Hex
Light Red	hsl(356, 100%, 66%)
Very Light Red	hsl(355, 100%, 74%)
Very Dark Blue	hsl(208, 49%, 24%)
White	hsl(0, 0%, 100%)
Grayish Blue	hsl(240, 2%, 79%)
Very Dark Grayish Blue	hsl(207, 13%, 34%)
Very Dark Black Blue	hsl(240, 10%, 16%)
Very Light Red Gradient	hsl(13, 100%, 72%)
Light Red Gradient	hsl(353, 100%, 62%)
Very Dark Gray Blue Gradient	hsl(237, 17%, 21%)
Very Dark Desaturated Blue Gradient	hsl(237, 23%, 32%)

Clone the project

  git clone [email protected]:ishantbhurani/blogr-landing-page.git

Go to the project directory

  cd blogr-landing-page

Run index.html

  <browsername> index.html

E.g.

  firefox index.html

  google-chrome index.html

• Semantic HTML5 markup
• Flexbox
• CSS Grid

• Frontend Mentor - @ishantbhurani
• Twitter - @IShaunt

• Frontend Mentor