Skip to content
Submitted over 4 years ago

HTML and CSS Component

Ramsay Sewell•585
@ramsaysewell
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

Any feedback would be greatly appreciated. Some help with making sure the "185GB LEFT" wraps in the box okay and doesn't go outside the white box would be great!

Community feedback

  • Magda Kokot•1,425
    @magdakokPosted over 4 years ago

    Well done Ramsay! :) I'd solve your problem by not defining the width of the .tooltip class and just add to span with class .gb : white-space: nowrap :)

    1
    Ramsay Sewell•585
    @ramsaysewellPosted over 4 years ago

    @magdakok Thank you very much! I love learning small tips like this!

    1
    Magda Kokot•1,425
    @magdakokPosted over 4 years ago

    You're welcome :)) My favourite way of solving problems like this is just going to Chrome DevTools and playing with all the properties of the problematic element and its parent :)

    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