Skip to content

Latest commit

 

History

History
50 lines (31 loc) · 1.69 KB

README-template.md

File metadata and controls

50 lines (31 loc) · 1.69 KB

Frontend Mentor - Social proof section solution

This is a solution to the Social proof section challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

A great challenge to enhance your coding skills and refresh your memory on certain CSS rules.

The challenge

Users should be able to:

  • View the optimal layout for the section depending on their device's screen size

Links

My process

I take a careful look at the challenge at hand, then I try to use my imagination to plan out the layout in my head and when I see that the layout is coming to live, I immediately get into writing the entire mark up with their different classes, id's, divs and/or sections. After that I head into the CSS and start with a mobile-first approach then I try to start styling in descending order.

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Mobile-first workflow

What I learned

Never underestimate basic CSS rules, make developer tools your best friend and above all never give up on any project.

Author