No description
  • HTML 54.6%
  • CSS 45.4%
Find a file
2024-09-04 00:03:21 -07:00
.vscode init 2024-09-03 12:40:04 -07:00
design init 2024-09-03 12:40:04 -07:00
fonts/Barlow_Semi_Condensed Added font 2024-09-03 19:42:40 -07:00
images init 2024-09-03 12:40:04 -07:00
.gitignore init 2024-09-03 12:40:04 -07:00
index.html Adjusted grid and text styling, added shadow, fixed html class issue 2024-09-03 23:20:41 -07:00
README.md Added live site url 2024-09-04 00:03:21 -07:00
reset.css Setup HTML 2024-09-03 19:35:21 -07:00
style-guide.md init 2024-09-03 12:40:04 -07:00
style.css Adjusted sizing 2024-09-03 23:34:56 -07:00

Frontend Mentor - Testimonials grid section solution

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

Table of contents

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

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

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • CSS Grid

What I learned

I learned a lot about using CSS grid in this project. I had tipped my toes in it a bit in my previous project, but I got more involved in this one. I feel as though I have a better grasp on setting up grid and placing items within it. There is still a lot to get used to and experiment with, but I feel much more confident in it now.

Continued development

Despite having a deeper understanding of grid, I still lack an understanding of some more advanced and nuanced concepts related to it.