Submitted 2 months ago

Responsive Challenge with CSS and jQuery

Ezequiel de Souza Rodrigues• 100

@EzequielSR

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

FAQ accordion

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

To begin with, one of the things I'm proud of was having put jQuery into play, because I know that if I use pure JavaScript, I would spend more than 2 days coding to put animation. I say with all my might that I spent the whole afternoon doing this disgrace of responsiveness. For sure next time I will research more about the topic.

What challenges did you encounter, and how did you overcome them?

Surely this responsiveness is the damn line underneath the h3. There were hundreds of ways to do this, but for me it worked to put them inside a div .subtitle-container

          What is Frontend Mentor, and how will it help me?
          
        
        
          Frontend Mentor offers realistic coding challenges to help developers improve their
          frontend coding skills with projects in HTML, CSS, and JavaScript. It's suitable for
          all levels and ideal for portfolio building.

Community feedback

Alex• 3,130

@Alex-Archer-I

Posted 2 months ago

Hi!

Well, yeah, the jquery script really smaller, but modern JS could do all this as well. Just with a bit more coding =)

Anyway, you did cool thing, I like it! But I really recommend you to split styles and code from html. When you'll work on big projects you just tangled yourself up that way =)

Oh, and it's better to use rem for font sizes and semantic thing - guess it should be the list of the questions - I mean ul and li elements.

So, good luck, keep coding =)

Marked as helpful

Please log in to post a comment

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