Skip to content
OverviewSolutions
11
Comments
7
Luca
@TofeDev

All comments

  • Luca•120
    @TofeDevPosted 3 months ago

    You got the size of the cards very well! This work is pretty good!

    0
  • a-yemisi•110
    @a-yemisiSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I was finally able to get responsive text right. I also would set the width of the heading p elements to be different from that of the other elements, to allow it to move better.

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

    I faced challenges trying to make the design as close as possible to the source. I had issues with the text, card size, image sizes. I was not able to get it as close as I wanted.

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

    The challenges I listed earlier. What do you suggest I do as tips?

    Four card feature section

    1
    Luca•120
    @TofeDevPosted 3 months ago

    Amazing work! The style-guide.md gives you the font size for the <p>, that's the start for sizing everything around that.

    0
  • James•120
    @fivetailsdevelopmentSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Very happy with how this turned out without using Figma design files.

    Also happy with how easy it was to adjust from a mobile-first build.

    Want to explore better use of custom variables for streamlining media query changes and making it easier for others to understand the code.

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

    I had some issues with sequencing and synchronicity - some of the media queries weren't taking effect. This was solved by moving the media query to the end of the CSS file.

    Responsive Design Product Preview Card

    2
    Luca•120
    @TofeDevPosted 3 months ago

    Looks like the original desing, very good work!

    0
  • Luca•120
    @TofeDevPosted 3 months ago

    Almost exactly like the desing, good work! I don't have much to say other than try to make the text aligned with the image (text and image must have the same padding on the sides)

    0
  • Luca•120
    @TofeDevPosted 4 months ago

    This looks pretty good!

    0
  • David Blackman•100
    @defenstrationSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    It may sound odd, but I am most proud that I did this project without using any resources except MDN web docs. It makes me feel like I am making progress.

    If I were building this again, I would focus more on functional usage (how it would fit into something like react)

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

    This project actually went pretty smoothly. Nothing more complicated than looking up some syntax on web docs.

    Blog Preview Card using HTML and CSS

    1
    Luca•120
    @TofeDevPosted 4 months ago

    It looks amazing! Literally looks exactly like the desing, excelent work!

    0
  • Irina11122•70
    @Irina11122Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that i managed to do everything except the background-color with bootstrap.

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

    I encountered some challenges to put the card in the center but i mannaged to do that with offset.

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

    I would like some help to make it look better.

    QR Code Card Solution with Bootstrap

    2
    Luca•120
    @TofeDevPosted 4 months ago

    There are some missing code in your CSS file? Anyways, it's a good start.

    1