Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
16
P
Shixu Luo
@ShixuLuo

All solutions

  • Password Generator Using React

    #react#tailwind-css

    P
    Shixu Luo•330
    Submitted about 2 months ago

    Any feedback is welcomed!


    1 comment
  • Tip Calculator App


    P
    Shixu Luo•330
    Submitted about 2 months ago

    Any advice is welcome!


    1 comment
  • Time tracking dashboard

    #tailwind-css

    P
    Shixu Luo•330
    Submitted about 2 months ago

    Any advice is welcome!


    1 comment
  • Newsletter sign up form with TailwindCSS

    #tailwind-css

    P
    Shixu Luo•330
    Submitted 2 months ago

    Any advice is welcome!


    1 comment
  • Article preview component


    P
    Shixu Luo•330
    Submitted 2 months ago

    Is there a neater way to implement the share button?


    1 comment
  • Meet landing page


    P
    Shixu Luo•330
    Submitted 2 months ago
    1. The hero image in the assets/ folder has mobile and desktop version. The way I include them is that add them all and set display: none in my css with media query. It worked, but I'm thinking that if the style file wasn't loaded successfully, then there would be three hero images in the page, which is ugly and confusing. So what's the best way to achieve responsive design in this setting?

    2. All these texts don't have a max width, so they will spread as wide as they can. Is there a general rule of setting the max-width of a card, or a block of text? Like a portion to something?

    3. Pixels are not very intuitive to me. Is there any better unit to use in general?

    Thanks!


    1 comment
  • Testimonial grid section

    #bem

    P
    Shixu Luo•330
    Submitted 2 months ago

    Any advice is welcome!


    1 comment
  • Four card feature section


    P
    Shixu Luo•330
    Submitted 2 months ago

    1 comment
  • Product preview

    #bem

    P
    Shixu Luo•330
    Submitted 2 months ago

    1 comment
  • Recipe page

    #bem

    P
    Shixu Luo•330
    Submitted 3 months ago

    Where can I find some resources discussing the workflow of implement a design?

    Any advice and suggestion is welcome!


    1 comment
  • Social links profile

    #bem

    P
    Shixu Luo•330
    Submitted 3 months ago

    How to choose section and div; span, p, h1...?


    1 comment
  • Blog preview card


    P
    Shixu Luo•330
    Submitted 3 months ago

    Nothing particular in my mind. But any advice is welcomed :)


    2 comments
  • QR Code Component


    P
    Shixu Luo•330
    Submitted 3 months ago

    How to code it more elegantly?


    2 comments
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

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