Responsive Landing Page Using CSS Grid

Solution retrospective
I am most proud of the responsive design achieved through CSS Grid and Flexbox, which makes the page user-friendly across devices. Next time, I would focus on optimizing images better and implementing accessibility features from the start.
What challenges did you encounter, and how did you overcome them?One of the main challenges was ensuring that the layout was responsive across all screen sizes. I overcame this by utilizing media queries effectively and testing on multiple devices to adjust the CSS as needed.
What specific areas of your project would you like help with?I would like feedback on the accessibility of my website. Specifically, I want to know if there are any key areas where I could improve the usability for individuals with disabilities. Additionally, any suggestions on improving my CSS organization would be appreciated.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@imvan2
Hey, it looks great on desktop and mobile! I didn't look at your code, but I noticed on tablets (ipad air, mini, normal ipad) and slightly larger phones your cards are either being pushed to the left all in 1 row (leaving empty space on the right) or in 3 rows and the right row is cut off and has a horizontal scroll to see the rest. I suggest including tablets in your responsiveness!
Marked as helpful - P@JS-Law
The general layout looks similar but there are some minor differences: border color, font weight, margins etc. Looks great though aside from that!
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