I’m proud that I completed the layout using only HTML and CSS, and that I was able to make the component look clean and centered using Flexbox. I also managed to deploy the project successfully on Vercel. Next time, I would add more responsiveness to make the component adapt better on mobile screens, and focus on using semantic tags more consistently.
What challenges did you encounter, and how did you overcome them?The biggest challenge was aligning the component in the center of the screen and setting the proper margins and padding for the card layout. I solved it by practicing more with Flexbox properties and inspecting the layout using browser dev tools. Another challenge was deploying with GitHub and Vercel for the first time, but after understanding the correct steps and fixing file paths, it worked.
What specific areas of your project would you like help with?I would appreciate feedback on:
Whether my HTML structure is semantic and accessible
Best practices for writing clean and scalable CSS
How to make the design more responsive on small screens
Any improvements I can make to the visual design or spacing
