Single price grid component

This is my 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
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

Screenshot

Links

• Solution URL: Frontend Mentor
• Live Site URL: GitHub Pages

My process

Built with

• Semantic HTML5 markup
• Sass - CSS preprocessor
• CSS Grid
• Sass variables
• Sass partial files
• Mobile-first workflow
• BEM methodology

What I learned

While working through this project, I learned the BEM methodology.

<div class="why">
  <h2 class="why__title">Why Us</h2>
  <ul class="why__list">
    <li class="why__item">Tutorials by industry experts</li>
  </ul>
</div>

Author

• Website - Joseph
• Frontend Mentor - @josr13