Looking to hire developers?
Hey community, I have a little surprise for you 😊. Feel free to give me any suggestion or advice on how to make this better.
@CornflakesPlus
Posted
Amazing and unique. Nice, Azka! 👍✨
When viewing your webpage on device-landscape orientation, the text is not as it should be or is it like that?
Marked as helpful
@Azkanorouzi
Posted
@CornflakesPlus Thank you for pointing that out, frankly I didn't notice that, but I will try adding a new media query for landscape .🙏
@correlucas
Posted
👾Hello Azka, Congratulations on completing this challenge!
Amazing and really creative solution! One of the best for this challenge! Congrats bro!
The only advice I've for your it to add reduce motion to avoid it for users that chose to don't have animations. The prefers-reduced-motion CSS media feature is used to detect if the user has requested that the system minimize the amount of non-essential motion it uses.
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
✌️ I hope this helps you and happy coding!
Marked as helpful
@Azkanorouzi
Posted
@correlucas thank you Lucas, I will definitely fix it 🙏
@Yassineafaila
Posted
that design is unique defiantly is unique. Keep going bro
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
