Skip to content
Submitted about 2 months ago

Blog preview card using Semantic HTML and CSS Variables.

accessibility
LVL 1
@felipecsouza
A solution to the Blog preview card challenge

Solution retrospective


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

I'm proud of delivering a solution that is 100% accessible and responsive. I focused on semantic HTML and used REM units for everything that affects the layout's scalability. Next time, I’ll start by defining my CSS variables and Design Tokens earlier to avoid rework.

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

Since I'm just starting out, it took me a bit longer than expected to structure my CSS variables properly. I overcame this through trial and error—writing and rewriting the code until the architecture felt solid and maintainable rather than just 'working'.

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

None for this specific project. It was a great first challenge to calibrate my workflow, but I’m looking forward to tackling something more complex in the next one.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on felipecsouza’s solution.

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