Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

i like to call these cards

idyllicly 40

@idyllicly

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I t̶o̶r̶t̶u̶r̶e̶d̶ challanged my self by not using javascript and learned how to navigate through the browser without a mouse and only a keyboard

Community feedback

Juan 480

@JEWebDev

Posted

Hello! I have a few suggestions to help:

  • Try using the hover attribute to your class dropdown, like this:
.dropdown:hover{
  cursor: pointer;
}

This will indicate that the element can be clicked.

  • For the box-shadow you can make it blend better and give it less of a 3D effect by playing with the spread radius, blur radius and the color oppacity of the shadow. like this:

    box-shadow: 5px 5px 30px 5px rgba(0,0,0,0.2) try it out and see if you like the result. You can find more information about box-shadow and it's properties here box-shadow.

Great work! Keep it up.

1

idyllicly 40

@idyllicly

Posted

@LaxusWebDev thank you for the feedback! i have been fiddling with the box-shadow wondering why its not near the same as the example and changing the color didn't cross my mind so thank you!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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