All solutions

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

I want to say I am proud of pulling this challenge off.

A few important points:

• Mobile-first workflow
• Responsiveness
• Minimal CSS by proper grouping
• Positioning of elements

I used Flexbox for this, however, I feel a CSS grid could have been a better approach. I'll surely give this challenge a try with Grid.

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

Positioning of elements and hence the responsiveness was challenging because of the 3 column layout. I tried my best to match the design.

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

I would love feedback on the entire solution, on the areas that could have been improved or on a better approach.

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

This was the first challenge I completed and it was a nice one to start with. I could pull it off properly.

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

I took more time than expected on this one. If I do it now, (after completing a few more challenges), I can complete it much quicker.

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

I learnt and used many different CSS properties. I have made the component as responsive as possible.

I always develop the desktop/ laptop view first. Next time I'll try the mobile-first approach.

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

There were a lot of components. It was a task to group components to style properly. I kept rewriting CSS and grouping as I went ahead with each element.

I always define the height and width of the main component relatively. However, in this challenge, it didn't work to solve responsiveness. I then switched to fixed dimensions for the main container and wrote media queries for responsiveness.

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

I approach development by first creating and styling the basic layout. Further ahead, I like to add and style elements individually, as it works best for me.

I would appreciate it if I could learn about a more standard approach.

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

It was a great challenge and included many minute details. I am happy to get most of it correctly. I would approach a mixed layout in a better way next time.

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

Using different lists and table properties was a task. I used the resources and tried to understand the work. In addition, combining selectors and box modelling for all elements required thinking.

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

Set the height for elements and proper vertical spacing.

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

I took relatively less time developing this one, in addition to proper usage of CSS properties. I'm now very comfortable using Flex.

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

It was a task to align elements vertically, majorly the buttons as close to the design. However, after moving things around, it turned out to be super easy.

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

I did manage to get through it pretty easily, however, any suggestions would be great.