Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
1

Djole-zr

@Djole-zr90 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Mobile first approach


    Djole-zr•90
    Submitted over 1 year ago

    0 comments
  • Order summary card


    Djole-zr•90
    Submitted over 1 year ago

    0 comments
  • QR code card


    Djole-zr•90
    Submitted over 1 year ago

    1 comment
  • Simple solution for responsive design


    Djole-zr•90
    Submitted over 1 year ago

    0 comments
  • Responsive accordion


    Djole-zr•90
    Submitted over 1 year ago

    1 comment
  • Solution with using JavaScript to dynamically populate the content.


    Djole-zr•90
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • TGPJonathon•110
    @TGPJonathon
    Submitted over 1 year ago

    Responsive Accordion Component

    1
    Djole-zr•90
    @Djole-zr
    Posted over 1 year ago

    Obviously you are having trouble putting accordion in the center of the page. For a start, you should add height: 100vh to your <main> element, like this: main { height: 100vh; display: grid; place-content: center; }

    You can learn more about this here: https://youtu.be/ru3U8MHbFFI

    I am working on this same challenge at the moment, I am not finished yet, but you can check out my progress, and I am sure you will find thre help for sizing your elements: https://github.com/Djole-zr/FM-FAQ-accordion

    If my comment helped you, I would appreciate if you mark it as helpful.

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub