All solutions

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

I am finally able to add Jquery into it , it's not perfect but yeah...

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

Before the logic seemed impossible for me , but when I broke it down , I was able to write my own simple code.

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

This is my second solution where I finally included JS and JQuery . I am glad I was able to come back to this . The solution is not perfect but it is definitely a great start.

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

I am very happy that I could bring the design very close to the original design along with the responsiveness.

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

I find the image overflowing from the container particularly challenging. I solved that by making the max-width in img tag 100% to fit the container. That seemed to solve the problem . Also I put all my svg in ing tags for better control.

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

I found the resposiveness very difficult with the svg

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

I would like to write a cleaner code next time with appropriate names for classes.

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

I would like to improve my work in media queries

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

I found the step type of flex box very challenging also , I didn't know how to get the background pattern to look right.

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

I forgot to add the quotation marks at the end, will do that next time.

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

I had to look into CSS Grids once again.

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

I am proud that I was able to properly include the media query

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

I struggle with getting the image saturation right , because when I put the overlay layer , the image faded a bit.

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

I did not know how to make the image active with the eye icon.

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

I found this challenge easy , but I am a bit confused why my text didn't align when I used align-items through flex box. And I had to use the text align attribute as well.

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

Was able to include media queries this time. was able to do it faster.

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

I think I used too many div and classes , I feel there was a better way to do it because my CSS page looked crowded.

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

I wound separating the coloured text and the black text , also using self-align was new for me.

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

Was able to bring it close to the goal image.

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

Working with lists and changing the size of the bullet points.

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

I found it challenging to make the svg the back ground. Also to bring the purple box div to the bottom. I tried to do it with flex but it was getting in the way of other div tags. Finally used , absolute and relative positioning.

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

Was able to use media query properly, and hover.

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

Media query .

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

Was able to bring it close to the desired goal design.

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

I found dealing with flex boxes difficult.

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

Flex boxes