Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • @idlehands1969

    Submitted

    This is my first Frontend Mentor challenge and I want to make sure I have followed the challenge instructions correctly. The style-guide says the designs were created to 375px and 1440px respectively for the mobile and desktop versions. Did this mean the width of the document body or the card itself? I assumed it was the body and gave the card a fixed width of 720px for desktop and 375px for mobile. The desktop version was way too big at 1440px wide in my opinion. However, I would make it that big if that was the requirement.

    It took me many tries to finally get the code to work the way I wanted it to. I first tried flexbox, then css grid, and ultimately bootstrap was the only way I could get the image and non-image sections to be the same height, although that may be because I finally gave the card a fixed width in both versions. I'm not sure.

    Constructive criticism would be appreciated.

    @PishoTo

    Posted

    Hey Marta, Looks very nice!

    I am new to frontend development, so unfortunately I can't provide any feedback for improvement. Even though, I can say that it looks really good and well done! :)

    The only thing I saw is that there is a small overlapping between the 2 elements (the image and the text) when switching to a mobile screen size, and I think that the bottom-left corner of the image still has a border-radius there which is not needed in this screen size :)

    Great job, Raz

    Marked as helpful

    0