Design comparison
Community feedback
- @TedJenklerPosted 3 months ago
Hi @seyifunmi00,
Nice project! I really like the initial load animation—good job! Here are a couple of suggestions for improvement:
Mobile Breakpoint Adjustment: Your project would look even better if you started the mobile breakpoint at 700 pixels. This would prevent the text from wrapping awkwardly and maintain a clean layout on smaller screens.
Accessibility Enhancements: Consider adding ARIA labels to improve accessibility. This small addition can make a big difference for users who rely on screen readers.
Hope these suggestions are helpful!
Best, Teodor
Marked as helpful0@seyifunmi00Posted 3 months agoIs there a way to make the container that has absolute positioning which shows the data left to always be in the middle of the container it's relative to in the case of the smaller screen sizes @TedJenkler
1@TedJenklerPosted 3 months ago@seyifunmi00 Yes, you can achieve this by setting the position of the parent element to relative and then setting the child element to absolute with top: 50% and left: 50%. After that, use transform: translate(-50%, -50%) to perfectly center it. I've used this method in many form projects where you need to center an image in the middle of an input field.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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