All solutions

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

Finally I learned how to set containers width and height responsively for desktop and mobile version.

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

Obviously, if you take a look at my old solutions and challenges I always whine about how I couldn't set the width and height without setting hardcoded values.

After tweaking some values and using flex grow, shrink and basis I finally started to get how to set things properly.

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

I used a lot of hard coded pixel values in different breakpoints, It's not an efficient way to design layouts, got to refactor the codes.

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

The width and height of the image starts to fluctuate and gone over the container. Used overflow properties and pixel values to make it fit.

I could have used object fit. Let's see.

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

Setting different background images based on different breakpoints was difficult but I got way through it by trail and error, setting breakpoints

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

When hover the equilibrium image a view svg should be displayed, It takes some time to figure it out.

Applying styles, opacity levels and absolute values helped a lot.

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

My main container was smaller in smaller breakpoints. I set some breakpoints and reduce the width of the container. It looks fine now.

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

I wrote some JS code it's new but I can understand that.

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

Setting dynamic value when touched rating points to the span seems hard but using JS, I set some ID's to the element and change those values using getelementbyID

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

Normally I don't give much thought to mobile mode cuz most of the time they look good. Now after I finished the development while checking mobile version everything seems perfect but the container is small. So your words!

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

It's a fun project.

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

In responsive mode I tried to set the minimum height to full but it stretches the container so I removed that property, without setting it, the container fits well in the viewport so I let it be there

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

I didn't stretch the container in the mobile mode, everything okayish now.

but if you can look at my code and have a hunch that I can achieve the mobile responsive mode I'm all ears.

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

I learned a lot during the process without looking at someone code or something like that.

Currently I can refactor my code and make it less verbose

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

Border bottom radius setting in small screen took me some time but learned somethings along the way so no problem at it.

I referred the tailwind docs and played with different properties.

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

In small screen display the summary width is full but the font sizes are small. I typed them by hard code but I don't want to do that instead in a tutorial the instructor didn't use any media queries but everything aligned perfectly in his project. So I was thinking about how can I make the code more responsive without writing too much code.

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

I started from scratch then i worked on the way up, It took me sometime to figure out the alignment and margins but i finished it. i didn't add transition gotta learn more, if you know feel free to say how can i add custom transition in tailwind css

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

Setting background images was a chore but i find those breakpoints and set things on them.

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

transition

when i touch my button it reveals the answer but i want transition: 300ms ease i don't know how to do that plus i'm using js for the first time

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

I learned how to use box shadow in tailwind

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

I don't know how to set custom values for box-shadow in tailwind now I know how to do that

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

alignment and padding

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

I was on the verge to give up, cuz i don't know how to set divs and sections.

I watched a youtube tutorial and code along with the instructor

but i don't feel like i made any progress.

so i started the whole project again from scratch using tailwind, it took me 4 hours but i'm glad i done this

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

max width and some padding things are hard,

little bit tweaking with the values are the best way to learn