Skip to content
OverviewSolutions
2
Comments
2

Dave

@Guitar8634New York40 points

A musician learning to code.

I’m currently learning...

CSS, JavaScript

Latest solutions

  • Blog Preview Card using figma files

    Dave•40
    Submitted 10 months ago

    I am curios how other people solved the indenting of the title and paragraph in the hover state.

    1 comment

  • Mobile-first QR Code Component

    Dave•40
    Submitted 10 months ago

    Areas I'd Like Help With

    • figuring out how to have a link in hover grow with it moving the other links next to it for example, I have this code for my links-
     .attribution a:hover {
    font-weight: 600;
    transition: all .225s ease-in-out;
    color: hsl(47, 51%, 55%);
}

    When the font-weight grows, the text on either side moves out of the way to create space. I'd like it to grow over the other text. Would this be a z-index or `` type solution?

    thanks!

    2 comments

Latest comments

  • Dave•40
    @Guitar8634

    Nice use of semantic HTML and pseudo-classes in CSS. Everything is clear!

    There is a slight indenting of the <h1> and <p> elements in the hover state which you might try to include as well.

    Marked as helpful
  • Code_ Nerdette•100
    @lola-ilori
    What are you most proud of, and what would you do differently next time?

    I’m most proud of launching my first-ever live website. It’s exciting to step away from learning and test my abilities in real-time.

    I’m still learning, so I know I’ll make mistakes, but I’m eager to learn from each one.

    What challenges did you encounter, and how did you overcome them?

    CSS was my greatest challenge. There are a lot of best practices, do's and don'ts that I didn’t fully adhere to. Additionally, I found myself re-inventing the wheel a lot while styling certain elements. Thankfully, research and AI came to the rescue.

    What specific areas of your project would you like help with?

    CSS, definitely! There are a lot of nuances and styling techniques that are still new to me. I'm eager to learn them all and would appreciate any guidance in these areas.

    Responsive landing page using html and css.

    3
    Dave•40
    @Guitar8634

    Nice job matching the solution to the design. The code is clearly readable. Perhaps consider using an <h1> instead of <h3> for semantics? Does having an <h3> imply that there is an <h2> and <h1> before it? I could be wrong about this.

    As a next step, consider making use of variables in the CSS for the colors listed.

    well done!