Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
4
Lyle Patterson
@Squing0

All solutions

  • Recipe page using flexbox and tailwind css.

    #tailwind-css

    Lyle Patterson•60
    Submitted about 1 year ago

    Mainly getting the border lines to work for the table as these while these are definitely applied styles, they aren't visible and also having space between list numbers and list items.


    1 comment
  • Social Links page using flexbox and tailwind.

    #tailwind-css

    Lyle Patterson•60
    Submitted about 1 year ago

    Is it normal in tailwind to just have multiple classes that are the exact same? This doesn't seem efficient. I also think I was too precise with my margins here and it feels like there was a better way to do this.


    1 comment
  • Blog page using flexbox and a media query.


    Lyle Patterson•60
    Submitted about 1 year ago

    The challenge said it was possible to make text smaller without using media queries but I was unable to do this. I also had a lot of trouble scaling the image down and I'm not sure if the way I've done it is good practice. I also noticed that in the mobile design that the challenge gave that the image appears to be zoomed in but I was unable to achieve this effect. I also only used hover and not focus as the challenge listed as it was unclear where to use this.


    2 comments
  • Simple QR code page using flexbox.


    Lyle Patterson•60
    Submitted about 1 year ago

    I would definitely change how I centered the main section to be more dynamic.


    3 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