@hadodev
Posted
Hi Kedna,
Nice solution. Maybe you need to review the following:
- The semantic HTML: for accesibility reason, change the
h2
header by theh1
. - Style: use
rem
instead ofpx
for font size and border-radius. - Design: try to acheive the correct space between elements. For example, the
.card
class must have the same left, right and top padding. Theh2
and thep
must has an additional padding-inline of1rem
(16px). - Take a look to this ressources regarding to modern css reset: Modern CSS reset
Keep going :-)