All solutions

What are you most proud of, and what would you do differently next time?

I'm proud of learning some new tools such as BEM, visual hidden (aka sr-only) and pseudo-class is() to make my code cleaner. I tried the mobile-first approach this time and maybe next time I'll come back to using desktop-first workflow.

What challenges did you encounter, and how did you overcome them?

I'm not used to using variables yet but I'm slowly getting there. The hardest part was writing the price tag so it will be screen reader friendly. I learned how to do that using visually-hidden property that would show the original price and current price without interfering with the general design.

What specific areas of your project would you like help with?

I could use some feedback on the styling and spacing!

What are you most proud of, and what would you do differently next time?

I'm proud of being able to use flexbox and grid more comfortably this time.

What challenges did you encounter, and how did you overcome them?

I had a bit of problem styling the table at the end as I didn't know how to use pseudo-class not().

What are you most proud of, and what would you do differently next time?

I was proud that I could use Flexbox more comfortably and faster now

What challenges did you encounter, and how did you overcome them?

I had some challenges with measuring the gaps between each components. I mainly just eye-balled them so they're not exact.

What specific areas of your project would you like help with?

I would love more help with the measurements and sizing.

What are you most proud of, and what would you do differently next time?

I am most proud of being able to use Flexbox more comfortably and would practice using Media queries better next time!

What challenges did you encounter, and how did you overcome them?

I had some problems choosing the correct font size and padding to make it a close to the preview as possible. I tried to use Figma to calculate the measurements.

What specific areas of your project would you like help with?

How do you better judge the layout and measurements of each elements to make it precise?

What are you most proud of, and what would you do differently next time?

I am proud that I was able to complete the challenge. I would try to avoid using when it's not necessary to build good semantic HTML habits

What challenges did you encounter, and how did you overcome them?

I had some problems writing the CSS Flexbox & Grid as I haven't learned it yet so I had to read a few documentations and watch a couple of Flexbox & Grid explanation videos to write it.