Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
• Author
• Acknowledgments

Overview

this is another solution to the problem on Frontend Mentor.

My other solution: Using Flexbox

The challenge

Your 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

Links

• Solution URL: On Frontend Mentor
• Live Site URL: Live Demo

My process

Started out with HTML then went the desktop-first route. After that, started modifying things to fix the problems. when it's in the mobile screen query, i just change the font size this time. looks like it works just fine.

Built with

• HTML5
• Sass
• CSS Grid

Author

• Website - My Github
• Frontend Mentor - @CaptKraken

Acknowledgments

I would like to thank Grace Snow again 🙏

she suggested that i do another one, but with CSS Grid instead.