Skip to content
OverviewSolutions
3
Comments
3

Cyclone3603

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

Latest comments

  • Cyclone3603•90
    @Cyclone3603

    When styling elements, it's best to keep all the stylings in one place. Either a style tag or a style.css document is fine. Generally try to avoid in-line stylings though, as it can make restyling objects in your code more tedious when you have bigger projects.

    For the image, you have to link the file locally. Try using <img src="image-qr-code.png" width="195px" height="190px" alt="image-qr-code" class="QR"> and it should work.

    Also make sure to change the font to the correct one, as opposed to the default serif font.

    Marked as helpful
  • Cyclone3603•90
    @Cyclone3603

    This looks really cool! But maybe next time, you can add a transition time to your hover effects to make it look smoother. For example:

    button{
  border: none;
  border-radius: 10px;
  background-color: purple;
  color: white;
  transition: 200ms;
}

button:hover{
  background-color: lilac;
}

    This should make the change from a darker color to a lighter color less jarring, and have it fade in.

    Marked as helpful
  • Cyclone3603•90
    @Cyclone3603

    I really like your solution! Seems a bit bigger than the original though. I set the width of mine to around 250px. That set the height to be closer to the original, maybe try something in that range?

    I also just wanted to ask how you got your site up? I've been trying (and failing) to do so for the past 3 days.

    Marked as helpful