All solutions

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

I actually did it. I've been learning React for the longest but been totally afraid of actually using it. I set my mind to it and ended up surprising myself with what I was able to do. Thankful, the ready documents of React and Tailwind truly were a load of help and some youtube videos on how to do some things did actually help a lot. I guess I'm going to stick to using React in solving my next challenges. Not forgetting Tailwind which I now I'm in love with. Came across Material UI and I'll probably try it out some other time for my react projects.

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

Well, I came across two different challenges that almost got me running back to just doing a basic html css project. First, is the background. The Top background was incredibly hard to add and I ended up not adding it because I just couldn't figure out how to do it. Second is the rounded border for the instagram Stats holder with the gradient. Lost a couple of hour there trying to figure it out. Also, decided to just leave it to the gods, and maybe I'll figure it later the more I get used to tailwind.

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

There's still a lot to learn. But I'm gonna take it a step at a time. No pressure.

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

Pretty much another easy flow for me. I guess this is now my sign to start challenging myself with react and in designing all these challenges.

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

It was an easy task to accomplish. Enjoyed it very much.

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

Easy peasy, lemon squeezy.

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

This had me thinking a lot. Especially when it came to adding the functionality and the formulas and everything. HTML and CSS remain kinda easy even though I didn't use the semantic way of building the form. However, super excited that it works.

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

Well, read up on some in-built function that helped in the completion of the task, that is the Math.floor() and the .toFixed() to get some of the output right. Just thankful I was able to come through successful in the task.

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

Done with the task in under 12 hours. Building up my speed. Super proud on how I've been able to make it even responsive for smartwatch viewing🤩.

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

Making sure the curves seemed seamless cause some trouble but managed to learn something called vertical aligning in CSS that managed to solve my problem.

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

OMG, when trying to solve the section where the email input is invalid and shows that little red statement, extra hard. Tried even gpt but to no avail. I NEED HELP.

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

I guess by now, I'm more like to use flexbox than grid and I use it a lot. But it's fun that I'm able to understand it and use it. The filter effect that changes the logo to white was also an interesting thing to learn.

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

Well, showing the information that the input mail is not valid was pretty hard just for me to get it going with just HTML and CSS. Had to use a pretty light JS to solve it.

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

I know I haven't mastered css to the fullest but I'm learning along the way with the challenges I'm able to overcome.

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

The fact that I managed this time round to add the darkening background when toggling the menu in smaller screen devices. Also, I managed to use animations in the drop down, and the screen darkening part of the css. Was really excited using some of the things I got from TikTok😅.

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

Well, to begin with, having to use positions in such a way that would work proved a bit challenging but I managed. Understanding the different positions and where and when to use the z-indexing when overlaying items. Additionally, I've been learning how to shorten my JS and making it simpler even for myself to understand. Even though I must admit, I do google when trying to figure out how to get some of things done still.

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

I've been learning slowly how to use the picture tag in html. It's very interesting but it's also very challenging at certain times when it comes to styling it. Trying to also minimize my dependency on JS as I know there are certain things I can just solve through CSS.

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

The fact that it works, makes me proud. I'll probably be adding some additional features that will tell you the duration till your next birthday and probably also add confetti if the day you check is your birthday. Maybe later.

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

The making of the UI was fun. For the button, it's positioning posed a little challenge but then got a trick for it.

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

The layout was easy to come up with. Tweaked with it's layout on the tablet screen size and mostly excited with how it came all together.

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

Adding the dark layout when toggling the menu container open was a challenge and chose to leave it and tried something different.

Any insight on how to grow my skill is highly welcome.

Any input on this is highly welcome. Hoping to grow from your response.

Read somewhere that it's best practice to be designing first for mobile then making sure that it's responsive to other device screens. Is this true and how would one go about doing it? This is because I still have a bit of a problem with the @media and screen and the like.