Submitted over 1 year ago

css flex

Ruan Gomes• 100

@rug19

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

It wasn't effortless cause I've never worked with CSS layouts before so I had to learn how to use it. I'm unsure about CSS grid and flex but I'm learning so I hope to get better at doing other projects with the same pattern. I'd like to help with something that I couldn't do which was to leave the title flexible, so I hope someone checks my code and give me some feedback to improve it.

Thank you so much for all the community support, it's incredible.

Community feedback

Anthony Nanfito• 120

@ananfito

Posted over 1 year ago

For someone who's never worked with CSS layouts before, it looks like you did a great job and learned a lot in the process. Your design is responsive and matches the design specifications fairly well.

If you're looking to learn more about CSS, I recommend Kevin Powell's YouTube Channel. (if you haven't already checked it out). He's got a ton of videos and tutorials on how to use CSS, flexbox, grid, etc. He also has a free course about building mobile-first, responsive websites.

Great job on this project and keep up the great work!

Marked as helpful

Ruan Gomes• 100

@rug19

Posted over 1 year ago

@ananfito

Thank you for the feedback and for the recommendation about CSS, grid, and flexbox.

Anthony Nanfito• 120

@ananfito

Posted over 1 year ago

@rug19 you're welcome (-:

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord