Skip to content
Submitted about 3 years ago

Mobile First using Flex

christopher II•1,220
@donchriscorleone
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Why I am having a scroll to the left and bottom? I position the background patter svg by absolute.

Community feedback

  • Nic•595
    @nicm42Posted about 3 years ago

    Even if you absolutely position things, if they go outside of the body, they'll still cause scrollbars. The easy way to get round it is to add overflow: hidden to the body.

    Also, you don't need to set your HTML to be a width of 100vw. By default it'll always fill the width. Whereas it'll only use as much height as it needs for the content.

    0
    christopher II•1,220
    @donchriscorleonePosted about 3 years ago

    @nicm42 okay, thanks for your feedback, really appreciate it.

    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