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

Genii

@Genii-X100 points

Trying to immerse myself in the world of both frontend and backend development so as to become a fullstack developer

I’m currently learning...

HTML CSS JavaScript

Latest solutions

  • Mobile First Solution using Flexbox


    Genii•100
    Submitted 10 months ago

    I suspect there is a better way to write the JS code to handle the response more efficiently. I'd love for you to review my code and give feedbacks as to getting better.


    0 comments
  • Social Proof Section With CSS Grid and Flexbox


    Genii•100
    Submitted over 1 year ago

    0 comments
  • Order Summary Card With CSS Flexbox


    Genii•100
    Submitted almost 2 years ago

    0 comments
  • Product preview card component With CSS Grid


    Genii•100
    Submitted almost 2 years ago

    0 comments
  • Profile Card Component


    Genii•100
    Submitted almost 2 years ago

    0 comments
  • Single Price Grid Component Using CSS Grid


    Genii•100
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • Diana Jordan•20
    @dee-jordan
    Submitted almost 2 years ago

    QR Code Component

    2
    Genii•100
    @Genii-X
    Posted almost 2 years ago
    • About matching the font, the font-family and font-size are specified in the style-guide.md file includes in the project folder you get.
    • Usually the font-size is specified in px but can be easily converted to rem as 16px=1rem
    Marked as helpful
  • MarciusMoraes•10
    @MarciusMoraes
    Submitted almost 2 years ago

    QR Code page

    2
    Genii•100
    @Genii-X
    Posted almost 2 years ago

    I really do not think there's any need to add a flex-direction property to container seeing as there is one "general-box" in it. Also I'd also suggest you rely on the intrinsic sizing of the general box. Also the media query seem redundant as it is going to be displayed in the center because of the flex properties you defined.

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

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