Skip to content
Submitted almost 3 years ago

Fylo data storage component

👾 Ekaterine Mitagvaria 👾•7,600
@catherineisonline
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

Hello, Frontend Mentor community! This is my solution to the Fylo data storage component.

I am thankful for all the comments you have left and I always try to improve or refactor the code. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.

You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.

Thank you

Community feedback

  • jemeneradev•580
    @jemeneradevPosted almost 3 years ago

    Try to stay away from the "position: absolute".

    For one thing, it pulls out the elements from flow dictated in the markup, which messes with the nearby elements.

    My advise: stay with "position: static". For complicated layouts, use display flex or grid. Get the layout as close as you can, then you can use "position:relative" for the micro adjustments.

    For the bubble, you could have added the triangle as a pseudo element, then use position:relative to place it in its place.

    This project was a fun one!

    Marked as helpful
    2
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted almost 3 years ago

    @jemeneradev Thank you for the feedback!

    0
  • Augusto Ribeiro•100
    @gutim2Posted almost 3 years ago

    Solution the better than original

    1
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted almost 3 years ago

    @gutim2 Thanks :D

    0
  • Edem•50
    @CarlEdem97Posted almost 3 years ago

    looks awesome, going to jump on this one myself

    1
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted almost 3 years ago

    @CarlEdem97 Thank you!

    0
  • TsuneWeb•260
    @TSune-webPosted over 2 years ago

    Hi Catherine, you did a fantastic job!

    0
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted over 2 years ago

    @TSune-web Thank you! Means a lot

    1
  • Stanhope Jite•90
    @JyteCeoPosted almost 3 years ago

    Hi Catherine .. your work is nice .. [email protected] is my email we can get to talk and code along ,,, I'm learning Js too and would be in react pretty soon ..

    0
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted almost 3 years ago

    @JyteCeo Thank you!

    0
  • Diego Ramirez•140
    @daarfariasPosted almost 3 years ago

    Congratulations, I enjoyed doing this challenge.

    0
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted almost 3 years ago

    @daarfarias Thank you!

    1
  • Dusvy_M•390
    @dovelmPosted almost 3 years ago

    wow... I like this!!!

    0
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted almost 3 years ago

    @dusvimarin thank you!

    0

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