Responsive layout using Bootstrap Grid.

Solution retrospective
I'm most proud of building a responsive layout that closely matches the design while keeping my HTML and CSS clean and organized. Next time, I'd improve the typography, spacing, and code reusability, and pay closer attention to small UI details to make the final result even more polished.
What challenges did you encounter, and how did you overcome them?One of the main challenges was making the layout responsive and ensuring the cards remained properly aligned across different screen sizes. I also had to adjust spacing, colors, and button styling to closely match the design. I overcame these challenges by using Bootstrap's grid system, Flexbox for alignment, and testing the layout on different screen sizes while making small CSS adjustments until the design matched the reference.
What specific areas of your project would you like help with?I would appreciate feedback on my HTML and CSS structure, code quality, responsiveness, accessibility, and how closely my solution matches the original design. I'm also looking for suggestions on improving performance, maintainability, and following frontend best practices.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on TanishaValliSheik’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