@Ayoubrabiae
Posted
Hi Jorge,
I've reviewed your code and the preview, and I must say you're doing an excellent job. I really appreciate the clever tricks you've implemented, like hiding the "Add to Cart" button when the count is less than 1.
However, I noticed some areas in the styling that could use some improvement:
- On larger screens, the layout doesn't look as good as it could. To enhance this, you can wrap your entire app in a container, like a
div
orsection
, with the class "container." This container should be made responsive for all screen sizes. You can achieve this with the following CSS:
.container {
padding: 0 15px;
margin: 0 auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
- When hovering over the navigation menu links, the orange border appears too abruptly. You can enhance the user experience by adding a transition to make the change smoother.
Overall, your work is great, and these adjustments should further improve the user interface and experience. Keep up the good work!
Marked as helpful
@Jorge-sanchez09
Posted
@Ayoubrabiae Thanks for the help! I'll keep that in mind