All solutions

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

The one main thing I learnt in this project was making use of data-attributes within my button elements. I have seen them used before but did not understand how and why. I used them to record the percentage values of each button.

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

I really struggled with responsiveness on changing screen height. I want to continue with the project to a point where I can nail down height responsiveness. Any suggestions are welcomed.

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

I am still struggling with getting the scale right, my chrome won't download the PixelPerfect plugin.

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

This was my first real intro into Bootstrap 5. I love it. It made the creation of the accordions so much easier. Reduced the amount of JavaScript and CSS I wrote.

Please note that the layout for my solution is responsive for screen widths between 375px and 1440px, nothing smaller or bigger.

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

I struggled a bit with customizing the styling with bootstrap. Adjusting the size of the plus and minus icons was a nightmare. Fortunately I figured it out.

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

I would love some input on how to improve my solution.

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

I enjoy how I am able to center main content with ease. I would like to work more on writing HTML that improves SEO.

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

In this project I felt no need to add responsiveness through media queries, since the blog preview card in my solution is less than the mobile screen size provided (375px). I tried to make my HTML semantic, as suggested by other users in my previous challenge.

In the project, no hover color has been specified, so you will notice that I have set the hover background-color to white and the text color to black, while keeping the active color as green as per the requirements.

Getting the scale of the component right was a bit difficult. I hope it's not far off from the original design in terms of scale.

I struggled with the mobile responsiveness for the challenge. I used divs instead of input elements for the the ratings and I think that may have made it hard to style the ratings for responsiveness.

Please let me know what you think of the look on smaller screens, and provide any suggestions to improve it.