All solutions

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

I am most proud of the hover effects and animation. The gradient transition turned out exactly as I envisioned, creating a visually appealing effect that enhances user interaction. Next time, I would focus more on optimizing the CSS code and ensuring it is more modular. I would also invest more time in improving the accessibility of the project, making sure that it is fully usable by people with disabilities.

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

One of the main challenges I encountered was ensuring that the card was fully responsive on different screen sizes. Initially, I struggled with maintaining the layout on smaller screens. I overcame this by adopting a mobile-first workflow and using flexbox for more control over the layout. I also faced issues with the hover effects not working as intended, which I resolved by experimenting with different CSS properties and researching best practices.

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

I would appreciate feedback on the following areas:

CSS Structure: Are there any suggestions for improving the structure and organization of my CSS?
Accessibility: Are there any accessibility improvements I could make to ensure a more inclusive design?
Performance: Any tips on optimizing the performance of the card, especially concerning CSS and image loading?

Any advice or suggestions on these points would be greatly appreciated!

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

Next time I will try to focus on better convention naming and also maybe limit of using @media queries. I'm proud of grid and small animations.

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

Grid proved to be quite tricky at the very beginning, especially grid areas, but later on I really appreciated it and its fluidity when using media queries

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

• naming, not really god enough
• limit media queries and maybe more fluid layout with em's

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

Proud of starting frontend mentor learning path. Next time I try use pre-processor for css

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

No challanges for that project

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

I would like to get an honest assessment while I know that this was one of the simpler projects and it can be very difficult to isolate individual elements that need improvement or are ok

Hi! I’d like to show you my next front mentor solution. For the project I used Flexbox, css variables and es6. I would be very grateful for your advice as to what I could change or improve.

Hello everyone, I made my first challenge after a long break. So I think the hard parts were the CSS styles ;) , and I’m not sure how to improve my solution to make it look perfect. All suggestions are welcome. I used Gird and Flexbox to rebuild the project from scratch. Can you tell me what I can do better??

Hello. It is my first Frontend Mentor challenge that I share here. What advice would you give me to help me improve my solution?