faq card component for screen reader. mobile first/js and flexbox
Design comparison
Solution retrospective
my JS for the arrow rotation are, i think to long and can be shorten but I do not know how.
i am very thankful for any tips :)
namaste.
Community feedback
- @palgrammingPosted over 3 years ago
You challenge looks pretty close the problem in the desktop layout is that you main image and the shadow image are moving away from each other as the height of your layout grows when the questions are over. If you can keep the shadow absolute positioned in relation to the top image then you will have a successful result
1@palgrammingPosted over 3 years ago@Pascale-Cheddar well in this case you still have the mobile layout when the screen is 1400px wide so yes it would see practical to have the hover state at the mobile layout
also you really need to change your mobile to desktop transition point to the point that the desktop layout will fit in the browser
0@Pascale-CheddarPosted over 3 years ago@palgramming thanks for reviewing my solution . I understand what you mean, but I can't get it to work. do you have any tips?
kind regards Pascale
0
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