Skip to content
OverviewSolutions
18
Comments
5
TsuneWeb
@TSune-web

All comments

  • Padawan•160
    @soitirakisSubmitted over 2 years ago

    Really nice challenge. If anyone can have a look over the CSS file, to provide any hints how to be made even better, more cleaner. And sort of a problem with the buttons. I tried to go with border: 0 / none, and to have the border: 1px solid white only on hover effect. But, that 1px from the border was added to the overall height of the container, adding a visual effect of growing. In the end I added a 1px solid border to the button as well. Any idea how to maintain the same height of the container even if there is a hover effect and to have a border button of 0? .button { border: 0 / none; } .button:hover { border: 1px solid white; } => an increase of 1 or 2px of the container dimesnsions

    my solution , I don,t know how correct it is .button { border: 1px solid color(not to be seen); } .button:hover { border: 1px solid color; }

    3 column preview card

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

    Hi Andrei Catalin Anghel!

    Nice work! Speaking of border width as you asked, if I've understood correctly, you don't want to add border width to the height of the container, right? Your solution works fine, but if you don't want to think of calculating extra width, you can use:

    outline: 1px solid color;

    The outline property works similarly to a border, but the difference is outline doesn't add its width to the container. So, you don't have to think about extra width👍

    I hope this will be helpful!

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

    Hello, Frontend Mentor community! This is my solution to the URL shortening API landing page.

    I appreciate all the feedback you left that helped me to improve this project. I fixed the issues I had previously and added new features per your recommendation.

    I have done this project a while ago however if you are here and have any feedback, tips, or ideas to share, I will be more than glad to hear them out!

    Thanks

    URL shortening API landing page

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

    Well done!

    0
  • Maggie•70
    @Ma1021Submitted almost 3 years ago

    I really cannot solve the problem of the using flex on the mobile device, but I am too stubborn on using the flex on everything. Will redo this next time.

    Any feedback are welcome!!!!

    First try on Mobile first approach using flex

    5
    TsuneWeb•260
    @TSune-webPosted almost 3 years ago

    Hi Maggie, this is very neat and precise.

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

    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

    Fylo data storage component

    7
    TsuneWeb•260
    @TSune-webPosted almost 3 years ago

    Hi Catherine, you did a fantastic job!

    0
  • TsuneWeb•260
    @TSune-webPosted almost 3 years ago

    Any advice on improving the project or certain aspects of the project will be appreciated.

    0