Design comparison
Solution retrospective
Hey Guys , I didn't know how to make the rotated arrow happen, please see my code and help me with it by making some changes . Thanks alot guys.
Community feedback
- Account deleted
Hi there,
-
you can create a class .active and give it these properties transform: rotate(180deg) on click with javascript
-
change the background-image of the body to
linear-gradient(hsl(273, 75%, 66%) , hsl(240, 73%, 65%))
and give the body min-height:100vh; -
the width of the article is way too much than the original design reduce it 900px for example
-
and finally give the body these properties to center the element
display:flex; justify-content:center;
if you still confused you can learn from my solution
i hope this is helpful and goodluck
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