@TedJenkler
Posted
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 helpful
@seyifunmi00
Posted
Thank you very much @TedJenkler
@seyifunmi00
Posted
Is 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
@TedJenkler
Posted
@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 helpful
@seyifunmi00
Posted
Thanks@TedJenkler