Skip to content
Submitted 6 months ago

Fylo data storage component

dewyrag•210
@dewyrag
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo data storage component
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

completing it

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

the triangle and the background

What specific areas of your project would you like help with?

i have no clue why my white box is off, in the screenshot but in the live its in the correct position

Community feedback

  • Koda👹•3,830
    @kodan96Posted 6 months ago

    hi there! 👋

    When you use position: absolute; on an item it will get out of the document flow (other elements will not care about its presence) and it will position itself compared to the closest ancestor (or parent in other term) element that has any position attribute applied to them (it's usually relative positioning).

    Since you don't have any ancestor with relative positioning the element positioned itself compared to the body element. Just apply position: relative; to your .storage_card and modify the top, left etc. attributes to position the element.

    Good luck! ✌️

    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