Single price grid component using html and css only

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

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

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!👍