Hello, some tips to make your solution look more similar to the solution:
- add vertical padding between texts
- add 'alt' attributes to img elements in index.html
Marked as helpful
0
EL harabiy• 150
@Mubarak-Adeyemi
Posted
@MateuszZalew, thanks
0
Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
I’m most proud of successfully implementing a clean and responsive design that maintains a consistent look across devices. The use of Flexbox and custom CSS properties resulted in a well-structured and visually appealing card component. Next time, I would like to explore using CSS Grid for more complex layouts and consider adding subtle animations to enhance user interaction.
What challenges did you encounter, and how did you overcome them?
One of the main challenges I encountered was correctly setting the image paths, which initially caused images not to load. I overcame this by ensuring all paths were relative to the project root and double-checking the folder structure. Additionally, achieving responsiveness was challenging, especially maintaining the design’s integrity across different screen sizes. I resolved this by carefully applying Flexbox properties and testing the layout on various devices.
Community feedback
Please log in to post a comment
Log in with GitHub
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