Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Single Price Grid using HTML and CSS Grid

@watsonjeremys

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is the very first project I've completed on my own. I appreciate any feedback or comments on what I can do to improve!

Community feedback

Al Nahian 775

@alnahian2003

Posted

Hey Jeremey!

It's really good to see your very first project and your solution very good. Its looks great and very responsive.

But I have a few suggestions here:

  • Take a close look at the design provided in the starter file. It's really a good idea to code the project and make it looks like as same as the design.
  • You can vertically and horizontally align the entire content center.
  • Try to add some drop/box-shadow to make the project more realistic.

That's it. You did a really good job on completing this challenge as this is your very first project.

Don't Forget to Upvote any helpful comment!

Happy Coding. Good Luck!

3

@watsonjeremys

Posted

Thanks for the feedback, I struggled with the vertical and horizontal center. Definitely something to keep working on.

1
Al Nahian 775

@alnahian2003

Posted

I'm glad to see that. Best of luck!

Happy Coding :) :D

0
onoderav 30

@onoderav

Posted

Hello! I'm a newbie and i'm facing this challenge as well. But i found out that's a little difficult to me putting those two boxes side-by-side. You did a great job! Congrats!

But taking a look at your code, i suggest :

  1. use less ID (it's too specific) and more class; 2.there's no need to use the value "none" or "0" if it's already default; 3.There's a lot of divs, i'm not sure if it's necessary at all; make the code a little bit confusing to me; 4.try not to name your classes or id's as the same as the value of the properties 'cause in a real project maybe you'll have to change the value and then, it'll be confusing if your class/ID has the same name of a value that has changed.

i'm not a english native speaker...so, sorry about my writing skills. Keep up the good work!

2

@watsonjeremys

Posted

Thanks for your thoughts, I will take a look and see if I can find ways to simplify my code. I appreciate the feedback!

0

@lucasjeremy

Posted

I like the responsive CSS. Design is a challenge for me so I don't have any constructive criticism to offer. Keep up the hard work!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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