Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML and CSS Component

@ramsaysewell

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

@magdakok

Posted

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

@ramsaysewell

Posted

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

1
Magda Kokot 1,425

@magdakok

Posted

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
Discord logo

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