Skip to content
Submitted about 1 year ago

Responsive FAQ using flexbox and Tailwind

Cabral•20
@Cabralzinho
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  • What did you think of the project, tips and criticism accepted, thank you very much

Community feedback

  • Mian Maaz Ullah Khan•410
    @mmaazkhanherePosted about 1 year ago

    Nice try. For background, use linear-gradient (purple, a different variation of purple) property to achieve the desired design. For the content section, first create two divs and apply display:flex property. Give both section width of 50% and apply some gap. Apply properties like width:100%, height:100% background-size:cover, background-position:center center on the Image section. Like this the image will get larger in size. Moreover, change the text color to gray fot the content section

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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