Responsive price grid component

Community feedback

• 

  Elyse Chambers•45

  @ElyseelooPosted over 3 years ago

  Beautiful design! Looks very similar to the original as well. Just a few pointers:

  1. As for your HTML, might I suggest using Semantic HTML as much as possible--elements such as section, header, main, footer, instead of divs and spans. It allows your page to be more accessible to various users.
  2. Your first-level heading should be an h1 tag. Followed by an h2 tag and so on. You can change the font size to your liking with CSS.
  3. I noticed your borders aren't rounded. This can be fixed with a border-radius: 10px attribute, or a similar value.
  4. For the Why Us section, it seems that the original is written in an <ul> format while yours is in a <p> tag.
  5. The color for "per month" is also a slightly faded color on the original while in your design it's the same color as the rest of the font.
  6. Lastly, if I'm not mistaken, I believe in the original there is a drop-shadow underneath the "Sign Up" button.

  All in all, your finished design is absolutely beautiful. I wish you the best on your coding journey!

  0