Skip to content
OverviewSolutions
9
Comments
3
Musha
@mushamak

All comments

  • Musha•100
    @mushamakPosted over 3 years ago

    excellent work! I just downloaded this challenge and I hope my solution will be good as yours ☺

    1
  • Rhona•60
    @rhonallSubmitted over 3 years ago

    Hi everyone,

    Another challenge completed! Not 100% happy about the position of the pictures but I tried my best. Also I'm not sure how can I add some spacing between the answer and the divider line when you open click on each question. Can someone please help? Thanks heaps!

    Accordion Card

    2
    Musha•100
    @mushamakPosted over 3 years ago

    Hi Rhona, well done on this challenge! You can set display: grid and add gap: 1rem or 2rem. Another way of doing this is to set margin top and bottom.

    1
  • Nipun Tewari•75
    @NipunSynSubmitted over 3 years ago

    My first challenge on FrontEndMentor. I was able to get most of it. However, I could not figure out how to get the accent color on the image. Could anyone please help me out? I also tried to make the design responsive, any feedback on that would be appreciated. Thank you.

    EDIT got how to get the accent overlay as well

    HTML CSS

    1
    Musha•100
    @mushamakPosted over 3 years ago

    Well done! Have you tried to apply background-color to image or apply it to div which contains that image. After applying color to image, you can use opacity to make it similar with given design. I see that border-radius is not working? Have you applied it to the correct place?

    1