Skip to content
OverviewSolutions
2
Comments
3
Ali Alomar
@KingSlayer3x

All comments

  • Ali Alomar•20
    @KingSlayer3xPosted 4 months ago

    Good work! Happy coding!

    0
  • kassahunAmdie•100
    @kassahunAmdieSubmitted 4 months ago
    What challenges did you encounter, and how did you overcome them?

    The challenge I had was with the SVG. I was having blocks of white space on top and bottom. On css-tricks.com and article by Amelia Bellamy was very helpful in understanding SVG files. Learned a great deal. Unfortunately I was still left with my problem. Finally my next go to source of information on CSS, Kevin Powell's youtube channel, got me the solution. The actual video is entitled "How to use CSS object-fit to control your images". So this CSS property [object-fit] removed the white space and scaled the SVG file to fit the 200px I set on the height. This height is from the figma file.

    Responsive blog preview card using plain HTML CSS

    1
    Ali Alomar•20
    @KingSlayer3xPosted 4 months ago

    It's a job well done! Happy coding.

    0
  • tortaruga•450
    @tortarugaSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that the final result is similar enough to the original design and that I estimated how long the project would take more or less correctly; next time though I'd double check for anything I missed, because I'm pretty sure that there is a box shadow that I forgot to add

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

    GitHub. GitHub was my main challenge. I overcame it by using the resources provided by frontend mentor (thanks!)

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

    I'm not sure. This challenge was pretty straightforward and easy (also thanks to the figma files because without them I'd be still there trying to guess the sizes of everything...)

    QR code card with CSS Flexbox

    1
    Ali Alomar•20
    @KingSlayer3xPosted 6 months ago

    Hello, I think a job well done, nice touch with the shadow, keep going, Good luck.

    0