All solutions

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

Would like to make a challenge a day, we'll see in one month where I will arrive.

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

the only thing that i faced is on the lower part the table, i'll try to make it better soon !

Here's my solution to the next challenge

Here's my solution to this challenge. I'd appreciate any of your suggestions for improving the design.

here's my next solution for this interesting challenge any feedback for improvements is highly appreciated

I couldn't set hover effect with an eye image on the image, searching for info to solve my issue. If you know how to solve it, please advise !!

Here's my first try to the second level of the challenges.

I've made my best to fullfill the requirements to match the given design, even though I couldn't do it to 100%.

Unfortunately I struggled with dropdown menus, in terms of setting CSS and hover effects to make them appear when you hover over them. I think that I'm making smth wrong that i can't reach what i need.

Moreover, I couldn't set the mobile version of the navbar at all, that's the weak point of me that I wanna improve first. I didn't want to get stuck so much time at that issue, I think it's better to understand it well first, instead of lossing a lot of time at one thing. I highly appreciate your guidelines that will help me to get a good understanding of the structure to make good navbars (desktop and mobile).

Have a look at my desktop version !!

Thanks for your feedback !!

Here's my version for the task requested. I've used all my knowledge available to make it look as close as the given design.

One thing that I little bit struggled for the desktop version, I can't set the needed version of the imagine for desktop version, I appreciate your advices on how i can improve it and serve the right version of the image. Another thing, for the desktop version the content side, should i set width/min-width to this container ? because I've tried different versions to match the design, unfortunately I'm doing smth wrong, because can't reach what i want.

As for the button in the desktop version, got some issue on laying the cart icon and the text in one line, what do i have to set so they can align together ?

Highly appreciate your suggesyions !!

Here's my solution to this challenge.

I still have a small issue regarding the items that go off, including the footer, when the page is resized.

Any your feedback and advices are more than welcome !

Thank you

Hi everyone !! I'm a junior software engineer, passionated by the DevWorld. Here's my first practical exercise, I think I've made it, but it seems that I did smth wrong that the QR-code image is not positioned properly, it goes little bit off to the right side. I tried lots of things, but this issue is unchanged for now. I would highly appreciate your advices to fix that. Thank you in advance !!