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

faq accordion card responsive

Diana Cruzβ€’ 200

@dianacruzpro

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


The most difficult thing in this challenge was positioning the images πŸ˜…, because they were always hidden 🀨 by having them in the same container. πŸ€·β€β™€οΈ But if there's a better way to do it, I'd appreciate any suggestions.😊

Community feedback

Declanβ€’ 220

@engelbrechtz

Posted

Hey, how's it going? πŸ‘‹

Everything is perfection 🀌

Amazing Sleek Animations!

Changes To Consider

  • One suggestion would be to use variables for media queries. When defining screen sizes It's best to call a variable instead from writing out the sizes manually.

$phone: 760px;
$tablet: 1024px;
$desktop: 1920px;

The question is, where are you learning Javascript currently? You are onto it! Remember, start off with small projects then scale πŸ˜„

Otherwise, Keep up the work!!

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