Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
15
Comments
5
Stu Cowley
@frontendstu

All comments

  • MaximilianoDanielGarcia•1,980
    @MaximilianoDanielGarcia
    Submitted over 1 year ago

    QR Code Component

    1
    Stu Cowley•210
    @frontendstu
    Posted over 1 year ago

    Hi there @MaximilianoDanielGarcia 👋

    Great effort on this! 🎉

    If you're wondering how to centre align the QR code component to the page give this styles a go:

    body {
       display: grid;
       place-content: centre;
       /* Any other body styles */
    }
    

    I use these styles with any of the component challenges.

    Marked as helpful
  • Almas•200
    @almasiwe11
    Submitted almost 2 years ago

    FeedBack pls!

    #tailwind-css#react
    1
    Stu Cowley•210
    @frontendstu
    Posted almost 2 years ago

    Hi there!

    I followed along the way that Kevin Powell's series on YouTube of "Build a responsive website" and used the method he used for the responsive menu. His code is nice and clean. You can have a look at how he did it here: https://www.youtube.com/watch?v=zPHMqqyD2kY&list=PL4-IK0AVhVjNDRHoXGort7sDWcna8cGPA&index=4&t=1532s

  • Vanza Setia•27,715
    @vanzasetia
    Submitted over 2 years ago

    Officelite Coming Soon Site | Fluid Space and Fluid Typography

    #accessibility#lighthouse#sass/scss#bem
    3
    Stu Cowley•210
    @frontendstu
    Posted almost 2 years ago

    Hi there Vanza,

    I've had a look at your solution and it looks amazing! I'm wondering if you had any problems with the charts svg not displaying the fonts correctly. I made sure all fonts were converted to shapes and it is still displaying as Times New Roman not Kumbh Sans like in the design. I'm kind of pulling my hair out over this one

  • jacobnighdev•10
    @jacobnighdev
    Submitted over 2 years ago

    QR Code Challenge using HTML & CSS inside of React

    1
    Stu Cowley•210
    @frontendstu
    Posted over 2 years ago

    Hi there!

    Yes I am the same, have come back to it after a few years away. I'd recommend subscribing to Kevin Powell and Coder Coder on YouTube. I was able to get back into the swing of it quite quickly. Some CSS properties make for quicker development

  • Olga Ber•80
    @Gugleglugg
    Submitted over 2 years ago

    QR Code card component positioned using flexbox

    1
    Stu Cowley•210
    @frontendstu
    Posted over 2 years ago

    Unfortunatley I have found myself buying the pro membership because you can't get the exact figures of each element. Before I found myself using the screenshot tool on the Mac to get the numbers, but even then I couldn't get them exact. The jpg's are way too fuzzy

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