A responsive banking website built with semantic HTML and Tailwind CSS

Solution retrospective
I am most proud of creating a responsive banking landing page from scratch using only HTML and CSS. I focused on structuring the page properly and making the layout work across different screen sizes.
Next time, I would spend more time planning the layout before coding and improve the organization of my CSS to make it easier to maintain and modify.
What challenges did you encounter, and how did you overcome them?One of the main challenges was making the layout responsive across different screen sizes. Some elements needed to change their size, spacing, or position depending on the viewport.
I overcame this by using Flexbox, CSS Grid, relative units. I also tested the page at different screen widths and adjusted the styling until the layout looked consistent.
What specific areas of your project would you like help with?I would like feedback on my responsive CSS, especially my use of Flexbox, Grid, spacing. I would also appreciate suggestions for improving my CSS structure and making the code more maintainable.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Piyush Kaushik’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