All solutions

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

this is not perfect. i hope somebody can give me sugestions to make this better. i just try to make some animation and make it work well.

Maybe i will try to make humberger icons on my own with vanilla in other project.

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

i have tried some vanilla to make humberger icons, but at the end i get a bootsrap to do that.

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

In this project I learned something that I still need to develop, namely solving problems in JS with various small steps. This is very important for me as a beginner because when I think about the whole application I can't write the code correctly. I can only write that the application works when all the data input is correct, but when it comes to handling errors due to input errors I haven't been able to solve the problem. So if I try to break down the entire application then I can solve the problem little by little.

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

Yes, the biggest problem is how to break down the problem into smaller problems. I asked it on chatGpt and then started writing the code step by step independently

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

absolutly Javascript area

made with passion

hi Very happy to be able to complete this project.

I am open to suggestions to make my code more efficient and better

What i was Learn How to use Flexbox in CSS to create responsive layouts. How to use media queries to make designs adaptable across different screen sizes. how to implement onclick with some function in JS.

This turned out to be quite time consuming to do.

Very open to suggestions

What i just learn is . . .

1. its hard to me to make psuedo elements like ::after in Tailwinds so i just go back with vanilla CSS
2. i just learn abaout how i can turn on the display elemnt its hard with logic but i just learn with code of Borys Oliinyk. (thanks)
3. i just learn again to make psudo elements like ::before and ::after
4. I'm a little familiar now with the javascript code for this session.

i stil have an issue... can anyone help me? I would be very happy with any input you have

1. in Desktop screen my image didt cover the parents div, i have try to make it perfect, but it still didt fit.
2. in Desktop screen my card dint center corectly in y axis, so i just add margin-top for that, do u have other suggestions?

thanks.

i there 👋, I’m Agus, and this is my solution for this challenge.

🎁 Features:

Progressive Web App (PWA) support. 📱🌐 Utilized TailwindCSS for responsive styling. 🎨 Codebase is well-maintained and formatted using Prettier. 💻 Resemblance with the original design. 🎨

🛠️ Built With:

TailwindCSS. 🎨 Prettier. 💻

Any suggestions on how I can enhance this solution or achieve even better performance are welcome!

Thank you.

Hi there 👋, I’m Agus, and this is my solution for this challenge.

🎁 Features:

Progressive Web App (PWA) support. 📱🌐 Utilized TailwindCSS for responsive styling. 🎨 Codebase is well-maintained and formatted using Prettier. 💻 Resemblance with the original design. 🎨

🛠️ Built With:

TailwindCSS. 🎨 npm - Prettier. 💻

Any suggestions on how I can enhance this solution or achieve even better performance are welcome!

Thank you.

I'm having trouble making speech bubbles, very open to all suggestions

I learned a lot about the grid module in this section using tailwindscss, thank you very much

i

Very open to suggestions

i have problem with media query