Skip to content

Latest commit

 

History

History

testimonials-grid-section

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
.vscode
.vscode
 
 
design
design
 
 
images
images
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
index.html
index.html
 
 
style-guide.md
style-guide.md
 
 
style.css
style.css
 
 

README.md

Testimonials grid section

Solution : Live Site URL

Solution submitted at Frontend Mentor - Submission link

This is a solution to the Testimonials grid section challenge on Frontend Mentor.

Design preview for the Testimonials grid section coding challenge

The challenge

Your challenge is to build out this testimonials grid section and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Your users should be able to:

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

Built with

  • HTML
  • CSS
  • CSS Grid
  • CSS Flexbox

Experience, Challenges and Learning

Simple and quick challenge, the layout was easy to follow. I kept the mobile(375px) and desktop (1440px) design as close to provided the design specs as possible but experimented with various layout styles in media queries with the power of CSS Grid.

Pending tasks
  • Live solution screenshot(s)