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

No special tools used while creating this challenge

Dáša 20

@DasaGott

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


Hi,

I've finished the FAQ form. It was fun, but I really struggled with positioning of the images. I decided to position them as absolute and adjusted distance manually, but I feel like that is not a very good approach. Do you have any other suggestions how could I position them?

Thanks a lot

Community feedback

M 920

@Dev-MV6

Posted

Congratulations on completing your first challenge. I'd say your approach to positioning the elements on the page is not that uncommon and not a bad practice at all, as it makes total sense to position the image relative to the parent container. So, don't worry about it. One suggestion I have for you is to apply the following styles to the .questions-wrapper element in order to make the page more responsive to smaller screen sizes:

@media only screen and (max-width: 675px) {
  .questions-wrapper {
    width: 100%;
    height: min-content;
  }
}

Hope you find this helpful! 👋

Marked as helpful

0

Dáša 20

@DasaGott

Posted

@Dev-MV6 thanks a lot for your response! I really appreciate your time and suggestion 🤗

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