Skip to content
OverviewSolutions
4
Comments
5
Midnight-Black-Wolf
@Midnight-Black-Wolf

All comments

  • Midnight-Black-Wolf•60
    @Midnight-Black-WolfPosted 3 months ago

    wow nice work, it almost the same, good job

    0
  • Midnight-Black-Wolf•60
    @Midnight-Black-WolfPosted 3 months ago

    nice work

    Marked as helpful
    1
  • Midnight-Black-Wolf•60
    @Midnight-Black-WolfPosted 3 months ago

    nice work, you can use box-shadow: 15px 15px; to get a solid shadow like in the design, and add the hover effect.

    1
  • Midnight-Black-Wolf•60
    @Midnight-Black-WolfPosted 3 months ago

    nice work

    1
  • Dave•40
    @Guitar8634Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of the following-

    • learning Markdown today
    • the basic process for using github to submit work on Frontend Mentor
    • my knowledge of html and css got me through this design
    What challenges did you encounter, and how did you overcome them?

    The challenges I encountered in this order were-

    1. remembering how to center the card using this code-
    body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 1px);
}
    1. choosing which way to order my css
    2. understanding when to use display: flex;
    What specific areas of your project would you like help with?

    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!

    Mobile-first QR Code Component

    2
    Midnight-Black-Wolf•60
    @Midnight-Black-WolfPosted 3 months ago

    It looks good, and the code is clear. for the font-weight grows check this out: https://stackoverflow.com/questions/34342801/increasing-font-size-without-moving-other-text This may help you, and good luck

    2