All solutions

This was my first project with tailwind CSS and it was super easy. I realised I'd been suffering using regular CSS.

When I was rounding up the project, I had a problem where the utility classes stopped working. I added them but there was no effect. I tried restarting vs code and my browser, even my system but still no effect. I had to use javascript to add the box shadow and other things I would have accomplished with CSS instead.

Please who has had a similar experience and can assist me in solving this issue? is it because I didn't initialise it with GitHub? or because I didn't install the tailwindcss very well?

Please any feedback on my code is highly appreciated. Thank you

p.s I searched google on how to fix the utility classes not working problem but couldn't still rectify it.

This project opened my eyes to a lot of concepts. you can achieve 1 thing in different ways in javascript, but I'm really interested in the dynamic way of doing it, where it can scale independently. PLEASE can you recommend core basic concepts that I will have to master to be able to understand javascript at a fundamental level?

I'm unsure of the delete item from cart functionality. please can you suggest a better way to do it?

What is your process for solving functionality problems in your projects? and do you have a general approach to all the problems? Do you start simple and then work it all the way up to its complex form?

I'd really appreciate feedback on my code and expert advice. Thank you

Can I put the header and footer tag inside the grid container/wrapper?

Should the div container be a main or div tag with a class main?

If I were to animate the hamburger menu icon using CSS how do I still give it the function to open and close when clicked on?

Any feedback is very much appreciated

This was challenging but I figured out how to do the step for the ratings in the desktop view.

Please how can I make this more responsive like a grid? so that when you're stretching or compressing your browser window it adjusts to the size of the window automatically.

And please can someone explain how to apply HTML basic semantics to improve accessibility? A resource would be great if you have one

I learnt how to keep things simple while solving this challenge. I learnt how to align an icon and text in a button using "vertical-align: middle;"... Pls your feedback is well appreciated. What can I do improve this code

I found putting the hover effect challenging.

I'm unsure of the hover effect on the image.

I would like to know the best practices of applying hover effect on an image, with an icon showing on hover.

I would like to know how to properly apply hover on image from left, right, top, bottom and fade. your feedback is very much appreciated.

I found putting the elements in the middle of the screen a bit challenging. I'm sure of all areas of my code