All solutions

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

My understanding of css grid is even better with this challenge. Positioning the cards accordingly was quite satisfying.

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

Please check out my code and give me feedback on how to better setup the grid.

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

I learned how to properly apply css grid in this project and its quite satisfying figuring out new things. I will definitely apply grid in future projects.

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

Changing the pictures when the view changed was quite difficult. The second thing was fitting the picture to full height of the card in desktop view.

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

I would like help on the above mentioned problem. Changing the pictures when in different views and also with sizing them accordingly. Thanks in advance!!

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

Setting the main as a card later on in the desktop view from the full display in the mobile view was difficult. But I tried to give it a max-width in the media query and also gave the main parent a margin of 5% for both top and bottom while setting the horizontal margin to auto.

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

I would really like to hear better ways to do what I mentioned above. Because I know the method I used is only an improvised one. Looking forward to your feedback!

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

This is my third challenge on Frontend Mentor and the first one without a figma design. I realized how complicated and hard it is trying to figure out the sizes, margins and padding just by guessing. But I tried to make as similar as possible and got something that at least looks like the original (not exactly tho).

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

Trying to figure out the sizes for margin, padding, and width was harder than I thought. I took a calculated guess and went through a number of trials and errors to get an approximate value.

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

I would like advice on the responsive side. How to come up with a number for max-width for the container on desktop screens.

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

I am proud to do my first project on Frontend Mentor. And I'll definitely do a better on the upcoming challenge.

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

I found trying to put the footer at the bottom of the page challenging, but then I set its position to absolute and gave a margin-bottom value of 0, which made it stick to the bottom of the page.

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

I think I did an okay job, but since its my first challenge here, please give me any and all constructive advises that can help me do a better job. Thanks in advance.