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

  • snhaydar 20

    @snhaydar

    Submitted

    What are you most proud of, and what would you do differently next time?

    I am proud that I made this design responsive. Next time, I will try to keep my code more organized.

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

    I encountered challenges with the responsive design but was able to google all of my questions to problem solve.

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

    I would like help with how I could have made my code more efficient, readable, and/or better structured.

    kel456 20

    @kel456

    Posted

    Nice job making the design responsive! You end result is also very close to the design. Just a few minor suggestions you can consider:

    • Some parts of your code can be consolidated (for example, instead of using border-color, border-style, and border-width, you can simplify with just border: 1px solid black)
    • You can also access the Figma file for this design to get the exact sizes of elements (for example, the label has a border radius of 4px instead of 6px, so changing this will get your solution closer to the original design)

    Great job overall though!

    0
  • vv 140

    @dblvv

    Submitted

    What are you most proud of, and what would you do differently next time?

    • making body's height equals to that of the view port was time-consuming.
    • reminded of the need to change the defaults of html and body margin and padding.

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

    • view port height
    • aligning main to the middle of the view port

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

    syntax remembering technique

    kel456 20

    @kel456

    Posted

    Nice job! Just a few minor tweaks I might suggest:

    • The style-guide.md has the color codes that you need; the heading looks black, but the reference's is dark blue
    • It looks like there should be a little more space between the heading and body text
    • The border-radius of the QR code image could be smaller

    Overall, great work!

    0