Skip to content
OverviewSolutions
4
Comments
4
Homey Poon
@homeypoon

All comments

  • Jaime•150
    @Jaimealicante83Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    To display the cards in the correct position using flexbox and did the project in a short time.

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

    To position the cards with different positions in desktop size. To apply different border-top colors for each card because I had two cards in a wrapper and it didn't work,

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

    How to improve code efficiency.

    Four cards created with flexbox and scss

    1
    Homey Poon•60
    @homeypoonPosted 3 months ago

    Wow! Looks awesome!

    It's basically a carbon copy of the original! Keep up the amazing work, Jaime!

    Marked as helpful
    0
  • Homey Poon•60
    @homeypoonPosted 3 months ago

    The design of the card component is spot on! The text, spacing, and formatting are superb.

    The image portion isn't complete, but you're definitely on the right track.

    Best of luck!

    0
  • Homey Poon•60
    @homeypoonPosted 3 months ago

    Very nicely made! It looks amazing and practically like the original!

    0
  • Jennifer Chen•50
    @JenniferjjChenSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of completing this challenge as it was my first challenge.

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

    Most things turned out the way I wanted. There were a few things that had me doing a trial an error.

    1. Having the attribution behind the QR code. I kept switching between flex and grid display. In the end I stuck with flex and used position: absolute so the attribution appears at the very bottom of the screen.
    2. The font url that was in the style guide didn't work. I tried using @font-family too, but nothing seemed to work. In the end I searched the font, and copied and pasted the code from google fonts and pasted it into my html. That seemed to do the trick.
    What specific areas of your project would you like help with?

    If there are any suggestions to cut down or change my code, I would appreciate it. Or if there are better ways to code certain formats in CSS for example. Tips/tricks developers would use.

    QR Code component using flexbox, border radius,

    1
    Homey Poon•60
    @homeypoonPosted 3 months ago

    Nice design; looks really similar to original. One suggestion is to center the card vertically on the screen, but amazing job overall!

    0