Skip to content
OverviewSolutions
5
Comments
4
Mario
@ohmymario

All comments

  • Mario•130
    @ohmymarioPosted almost 3 years ago

    Looking good so far! Try adding hover states to your image, h1 and Jules Wyvern text. It also looks like your h1 has the wrong color. Try hsl(0, 0%, 100%) to match what is in the style guide.

    If you need to see an example on how to add hover states here is my solution

    Good luck! 😀

    Marked as helpful
    0
  • Mario•130
    @ohmymarioPosted almost 3 years ago

    Great job on this!

    I would suggest maybe adding a background-color to your body element. Your background-image is partially transparent so it should show through. This should help with the bottom of your card getting lost in the background on desktop view. 😁

    Marked as helpful
    0
  • Folarin Akinloye•1,240
    @folathecoderSubmitted almost 3 years ago

    Hi Devs 😎!

    I built this project a couple of months ago and I had a lot of fun coding it. I picked up many awesome React libraries and got acquainted with Typescript.

    This project also got me my present job at a Web3 Startup in Europe, where I work remotely as one of the core frontend developers. 😀

    Audiophile Store with React, Next.js, Typescript, & Styled Components

    2
    Mario•130
    @ohmymarioPosted almost 3 years ago

    wow this looks incredible! I really enjoy the shrinking shadows when hovering over the headphones, speakers and earphones image links

    Congrats on getting that job 🎉

    1
  • Carlos Zuluaga•70
    @skarlos134Submitted almost 3 years ago

    can someone help me? when i have preview on VSC i can see the images, but when i upload to GitHub pages cant see any image

    qr card unsing flex

    2
    Mario•130
    @ohmymarioPosted almost 3 years ago

    Lookin good !

    Right now you have <img src="/images/image-qr-code.png" alt="" class="section--img--qr">

    try adding a period to your src <img src="./images/image-qr-code.png" alt="" class="section--img--qr">

    also don't forget to add something to your alt tag

    Marked as helpful
    0