Single price grid component using html and css only

Community feedback

• 

  Nikola D•1,510

  @NikolaD93Posted almost 2 years ago

  Well done my friend, just keep on practicing and improving your skills. 👌👌

  Try to do some harder challenges, you've mastered newbie 😁😁✌

  Marked as helpful

  1

  ---

  

  AbdulRhman•270

  @Abdo-al-RPosted almost 2 years ago

  @Nikola1232456 yes my friend i will just wanted to go by order , thanks alot

  0
• 

  Alamin•2,000

  @CodeWithAlaminPosted almost 2 years ago

  Hi AbdulRhman👋 Great job on completing this challenge! 🥳

  Overall, your codes looks very well-structured and organized. It's great to see the use of semantic HTML tags such as h2, h3, and p to clearly convey the hierarchy and meaning of the content on the page. The use of class names like "div-1", "div-2", and "div-3" also helps to clearly identify the purpose of each element and make the code easier to understand.

  One small suggestion for improving the code would be to consider using CSS custom properties (formerly known as CSS variables) to store values that are used in multiple places throughout the stylesheet. For example, instead of hardcoding the value of "rgba(0, 0, 0, 0.16)" in the box-shadow property of the main element, you could define a custom property like --main-box-shadow and use it in the box-shadow property like this:

  :root {
    --main-box-shadow: rgba(0, 0, 0, 0.16);
  }
  
  main {
    box-shadow: var(--main-box-shadow) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  }
  

  This would make it easier to make changes to the box-shadow in the future, as you would only need to update the value of the custom property in one place rather than updating it in multiple places throughout the code.

  Overall, great work on completing this challenge and producing clean, well-organized code! Great job!

  I hope this feedback was helpful. 😊 Keep up the good work!👍

  Marked as helpful

  1

  ---

  

  AbdulRhman•270

  @Abdo-al-RPosted almost 2 years ago

  @CodePapa360 thanks my friend for the suggestion , i copied that box shadow from ather website https://getcssscan.com/css-box-shadow-examples for box shadows to make it easy ,but it was long code .. i will use your advise to make it easier , thanks alot

  0