Frontend Mentor - Social proof section solution

This is a solution to the Social proof section challenge on Frontend Mentor.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Useful resources
• Author

Overview

The challenge

Users should be able to:

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

Screenshot

Links

• Live Site URL: Social proof section

My process

Built with

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

What I learned

• CSS Positioning

    #text,
    .rating,
    .comment {
        position: absolute;
      }

• CSS Flexbox

Useful resources

• A Complete Guide to Flexbox | CSS-Tricks - This helped me for applying css flexbox layout.

Author

• Pratyush Dehury
• Frontend Mentor - @pratyushd0308