Second Front-end Mentor Challenge | Blog Card Preview
Design comparison
Solution retrospective
I'm happy I could complete this challenge faster than the first and didn't face any difficult issues. I will try to recreate the same design in react next time.
What challenges did you encounter, and how did you overcome them?So, I wrapped a span and p tag in a div and used flex with the direction set to a column. After applying a background style to the span, it filled the entire row and I couldn't figure out how to make it fit content until I asked ChatGPT. The solution was to set a width and height but I thought that wouldn't work well forgetting I could have used the "fit-content" property which I later used to solve the problem.
What specific areas of your project would you like help with?I understand everything I learned from doing this challenge and wouldn't make the same mistake again. Hopefully
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