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

michaelbulaongdev

@michaelbulaongdev170 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

  • web game dev using react

    #react

    michaelbulaongdev•170
    Submitted over 2 years ago

    0 comments
  • fetch API, button relative position, box-shadow glow onhover

    #react#fetch

    michaelbulaongdev•170
    Submitted over 2 years ago

    2 comments
  • using react and some material ui

    #react#material-ui

    michaelbulaongdev•170
    Submitted over 2 years ago

    0 comments
  • responsive page via @media, transparent bg & outline buttons on hover


    michaelbulaongdev•170
    Submitted over 2 years ago

    1 comment
  • css grid, image color overlay via position, @media


    michaelbulaongdev•170
    Submitted over 2 years ago

    1 comment
  • box shadows and css grid


    michaelbulaongdev•170
    Submitted over 2 years ago

    1 comment
View more solutions

Latest comments

  • michaelbulaongdev•170
    @michaelbulaongdev
    Submitted over 2 years ago

    fetch API, button relative position, box-shadow glow onhover

    #react#fetch
    2
    michaelbulaongdev•170
    @michaelbulaongdev
    Posted over 2 years ago

    Thank you for this. I will try these out.

  • Gustavo Henrique•30
    @gustavhuey
    Submitted over 2 years ago

    Order summary card

    1
    michaelbulaongdev•170
    @michaelbulaongdev
    Posted over 2 years ago

    Hi,

    Great work on this. In order to show the background image, you can try to add something like this in your css file.

    body {
        background-image: url("images/pattern-background-desktop.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-color: hsl(225, 100%, 94%);
    }
    

    I hope this helps. Happy coding! :)

    Marked as helpful
  • Aliyu-Saidu•220
    @Aliyu-Saidu
    Submitted over 2 years ago

    QR code component solution using CSS Grid and Flexbox

    1
    michaelbulaongdev•170
    @michaelbulaongdev
    Posted over 2 years ago

    Hi,

    Looking at your repository, the image file is located in your root folder. However, in your index.html, it is still routing from the "images" folder.

    <img src="./images/image-qr-code.png">

    Either add an "images" folder in your repository root then move the image file into that folder, or edit the <img src=""> in your index.html in order to fetch the image file from the correct address.

    Then re-run the build to deploy changes in your live site.

    I hope this feedback helps.

    Happy coding! :)

    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

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