All solutions

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

I got through the challenge. Learning and understanding flexbox and grid was not as easy as I expected

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

Got down the exact design as per the challenge but I had to refer a video by Kevin Powell.

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

How to better use flexbox, grid and also with the semantics of CSS coding. Some of the code that I have seen and the code that I write are very different. The naming convention, use of various classes, where to use classes etc. If someone can provide resource on the above please do.

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

Out of all projects that I have made on Front End Mentor, this one has the cleanest code.

One thing that I would do differently is to increase the use of media queries to improve the responsiveness of my projects.

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

• Getting familiar with Grids in CSS was not as easy as expected. Luckily with the help of CSS Garden I was able to better understand grids.

-Also, switching between image sources depending upon size of the screen was a new thing for me. This article was the exact solution to my problem.

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

• Some tips to improve responsiveness of projects.

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

In previous projects I was recommended by fellow users to use rem instead of pixels, to use main tag to improve semantics of my project and to use standard CSS reset. I did as per recommended, I did not notice any significant changes but I know it is good to follow advise of more experienced developers.

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

To major challenges that I encountered while making this project were :-

1. To get a table like structure given in the task at the bottom of section.
2. To make the project responsive.

For the first part I was able to get a approximate structure.

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

Continuing from previous section, the second part was impossible for me. Any and every feedback would be appreciated.

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

I used CSS variables for the first time that I had learned while going through someone else's solution .

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

A recurring challenge in making a Front End Mentor challenges is to get margins, gaps, padding exactly as per the images provided. To overcome this, I use my estimation to get as close to images provided to us.

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

Some areas that I would like to helped on is get use/discover various CSS attributes. In this challenge, we had to change the cursor on hover, with the help of goggling I was able find how to target the cursor. If someone can tell me how to learn about other attributes in a fun way I will be eternally grateful.

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

I was able to get most of the spaces, gaps, margins, paddings as close as possible to the intended design file.

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

This was a fairly easy challenge for me, as all the resources were provided.

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

I would like get help to include fonts in my projects that I further do

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

using flex box properly

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

Challenges that I encountered was sizing

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

Styling, I was not able to size the project according to the given design