Skip to content
OverviewSolutions
10
Comments
3
Raelinda
@Raelinda

All comments

  • Raelinda•160
    @RaelindaSubmitted over 3 years ago

    This is actually, my 4th try. Yes, fourth!

    I know it's a newbie challenge but I really struggled with it. I wanted to make sure I understood it and didn't just call it done after I'd randomly stumbled on the look I wanted.

    I would appreciate any feedback for improvement, especially best practices.

    Mobile first, HTML, css, flex, image-tag.

    2
    Raelinda•160
    @RaelindaPosted over 3 years ago

    Thank you again! Consider yourself gratefully upvoted. :) — Raelinda

    0
  • Raelinda•160
    @RaelindaPosted over 3 years ago

    .card-img-container { background-color: var(--Soft-violet); border-radius: 5px 5px 0 0; }

    .card-img { border-radius: 5px 5px 0 0; object-fit: cover; width: 100%; mix-blend-mode: multiply;

    }

    1
  • Isabela Oliveira•310
    @oliveridsSubmitted over 3 years ago

    Managed to fix some issues with the desktop layout, but it all seems to be working well now. Any suggestions are appreciated and welcomed!

    Solved with Flexbox

    2
    Raelinda•160
    @RaelindaPosted over 3 years ago

    I had the same issue. I found this short youtube video helpful:

    https://www.youtube.com/watch?v=VF5kD6QEEag

    0