Design comparison
Solution retrospective
Hi programmer please take few minutes open my site and improve me as I am newbie
- I was not able to set the z-index of
woman-online image
to make its left edge under the card if you focus on it you can see clearly the left edge of image is getting outside not the box image but thewoman-online-desktop
image but it should get its left side under the card as in the design so please guide me how to do that. - If you see the buttons of accordion I was not able to get those arrow down buttons that were given inside design I don't know how to change the icons according to my code. View Site
Community feedback
- @MojtabaMosaviPosted over 3 years ago
1- Accessiblity is key thing to take into consideration when you write markup, whenever you write markup try to give some accessbility thought. Try to navigate it by keyboard at least. You made great choise to implement the questions with a button element which give make it accessible without you needing to enhance it in any way but never remove ouline from a button if you don't have an other facus style in place.
2- Regarding the button, you can just use the set it using an psudo element and url property.
Keep coding :=)
1 - @darryncodesPosted about 3 years ago
Hi Malik,
If you want the arrow to point upwards before it is clicked, try:
::after {transform: rotate(-90deg);
0 - @afrusselPosted over 3 years ago
- Main container is not center align vertically.
- Use main after body tag
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