Skip to content
OverviewSolutions
14
Comments
7
Krista Calleja
@KristaCalleja

All comments

  • Krista Calleja•300
    @KristaCalleja

    Hi @fraserwat, I have been going through your projects and I love your work. I'm taking note of your approaches to learn more. I am very newbie in comparison to you and of course, I feel very "little" to advise you, however the profile-card img is also showing stretched on my Firefox browser. I tried adding height: auto to it and it seemed to address it (though it affects the other cards too). Looking forward to seeing more of your work.

    Marked as helpful
  • Krista Calleja•300
    @KristaCalleja

    Hi... I accessed your site and added this in console: body .card-container { align-items: center; height: 100vh; } Adding the height will center the card-container. Good luck!

    Marked as helpful
  • Krista Calleja•300
    @KristaCalleja

    Hi, I'd love to see how you used JS in this project. I did the same too. However I cannot access your code/live url. This is my first attempt solution https://www.frontendmentor.io/solutions/experimental-coding-styling-pseudoelements-through-vanilla-js-1lzXClcaj

  • Krista Calleja•300
    @KristaCalleja

    Hi, did you upload the live version? Github Pages is saying site not found.

  • Krista Calleja•300
    @KristaCalleja

    Oi Renato, in my opinion you're putting the cart before the horse, learning Bootstrap before getting a good grasp of CSS. I would recommend restarting with a good HTML structure (those lines!!). And even before that, you need to get your design in order written out in pencil and paper to know how you're going to divide your work. Then you will know where the flexbox will go.

  • Krista Calleja•300
    @KristaCalleja

    Quite nice. Perhaps you'd like to do some background-repeat none on the desktop size?

  • Krista Calleja•300
    @KristaCalleja

    I like how the Share button is overlaid over the overlay, if you know what I mean. Very neat.