I practiced using a mobile-first approach. I practiced using Figma to get the design specs.
What specific areas of your project would you like help with?- How do I change the font size at mobile size screens without using media queries?
I would like to get help on best way to style the list dots and numbers, because i couldn't target them with tailwind or pure css. And the approach i used as a final resort is a bit repetitive and inefficient.
I would love to get another perspective on setting the background image and using the downloaded static fonts.
I practiced using a mobile-first approach. I practiced using Figma to get the design specs.
What specific areas of your project would you like help with?also to make the card responsive on small screen sizes, you can just add these stylings on the .container class
width: 100%; /* to Allow flexibility and also to avoid horizontal scroll*/ max-width: 384px; /* to prevent the card taking too much space on larger screens*/