Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
2

PadseFIAE

@PadseFIAE70 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Single-Price-Grid with Flex & Grid


    PadseFIAE•70
    Submitted over 2 years ago

    1 comment
  • CSS Flex HTML


    PadseFIAE•70
    Submitted over 2 years ago

    1 comment
  • QR-Code HTML5 CSS3


    PadseFIAE•70
    Submitted over 2 years ago

    2 comments

Latest comments

  • Toshihiko S. Tani•160
    @toshihikotani
    Submitted over 2 years ago

    QR Code Component Using CSS Flexbox

    4
    PadseFIAE•70
    @PadseFIAE
    Posted over 2 years ago

    Hello Toshihiko, to center the content u could use Display Flex like this:

    body { display:flex; justify-content:center; align-items:center; height:100vh; }

    than the content should be centered :)

    Nice solution by the way. It looks close to the original.

    greetz Padse

    Marked as helpful
  • Natnael•50
    @NatnaelDemelash
    Submitted over 2 years ago

    Product preview card component

    2
    PadseFIAE•70
    @PadseFIAE
    Posted over 2 years ago

    Hello Natnael,

    your solution for the desktop looks fine to me.

    A problem with the responsive design is the fixed sizes of Elements. Try to use % attributes, this should help u for the resize on any screens. But u allready get a Link from Deevyn9, i think that will explain it a little bit deeper.

    The different between % and vh is that vh take care of the Viewport and the % of the parent Element (i learnd yesterday).

    Hope my tip will help u in future :-)

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub