Submitted over 4 years ago

CSS Grid

TwKnD• 85

@TwKnD

Preview site View code

This is a solution for...

Single price grid component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

First time using CSS Grid, Any feedback is helpful at this point.

Community feedback

Alex• 1,090

@AlexBueckig

Posted over 4 years ago

Hello @TwKnD,

your solution looks amazing, I love how you use the grid to give your component a left and right margin giving it an extra empty column to the left and right! Good job!

The only thing I noticed is that the list in the Why us section isn't looking right. Maybe use an ul instead of an p for all the list items so the list gets displayed properly?

TwKnD• 85

@TwKnD

Posted over 4 years ago

Oh, derp. I was so focused on Grid that I completely missed that!! Took me way to long to get that figured out but mostly happy with how it turned out.

Updated the list, now that I've seen it it bugged me too much to leave.

Appreciate the feedback @AlexBueckig :)

Matt Studdert• 13,611

@mattstuddert

Posted over 4 years ago

Great work on this challenge! How did you get on working with Grid for the first time? Your code looks really good, well done! 👍

TwKnD• 85

@TwKnD

Posted over 4 years ago

It was definitely an interesting challenge! Think I'm starting to get the hang of now but I'll see how the next challenge goes.

cheers (: Loving the site and challenges so far, couple more before I turn my hand to JS.

Matt Studdert• 13,611

@mattstuddert

Posted over 4 years ago

@TwKnD glad you're liking the challenges! That's great to hear you're starting to get the hang of things 🙂

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord