Skip to content
OverviewSolutions
19
Comments
4
Roxanne
@rox-stahl

All comments

  • Roxanne•260
    @rox-stahlPosted about 2 years ago

    Hi Vijay! This was my first project and getting the images to be responsive was hard for me : D

    What I learned was you have to set up your img (srcset, size) in HTML and size needs to match in CSS (@media querie) to be responsive.

    I have included some sources for you to check out:

    https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

    https://css-tricks.com/a-guide-to-the-responsive-images-syntax-in-html/

    I hope this helps you out! ~Roxanne

    Marked as helpful
    1
  • Roxanne•260
    @rox-stahlSubmitted about 2 years ago

    It didn't feel like the Figma files and outputs would match up. Lots of adjusting numbers for appearances.

    Article Preview Component

    1
    Roxanne•260
    @rox-stahlPosted about 2 years ago

    I'm convinced this one is cursed....now my images aren't showing? 😳

    0
  • Roxanne•260
    @rox-stahlPosted about 2 years ago

    In your HTML, it shows:

    <link rel="stylesheet" href="css/style.css"> is your style.css in a folder named css?

    Can you double check your link to css page? I got confused with folders and paths at first....maybe try this if it is not in a folder (a single document):

    <link rel="stylesheet" href="style.css">

    Hope this helps and good luck

    0
  • Roxanne•260
    @rox-stahlPosted about 2 years ago

    Hi, I completed this a few days ago!! Try this: If this doesn't make sense, you can look at my code https://github.com/Roxanne-Stahl/challenge3

    btns.forEach((btn) => { btn.addEventListener("click", () => { let rateId = e.target.id; const numberBtn = document.getElementById(rateId); numberBtn.classList.add(".btn-selected"); actualRating.innerHTML = numberBtn.innerHTML }) }) })

    1