Skip to content
OverviewSolutions
8
Comments
8
P
JacobKnittle
@JacobKnittle

All comments

  • BillRozy•170
    @BillRozySubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    next time i would be more accurate with css class names I am rpoud that it works fine on all possible sizes

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

    obviously the biggest challenge is welcome part with people's photos and the footer, which doesn't have padding for background and tied to divider with number 2

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

    no

    Demo responsive landing page

    1
    JacobKnittle•110
    @JacobKnittlePosted 5 months ago

    looks great

    0
  • yousef•70
    @yosefHeshamSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    i studied grid and remembered it quickly

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

    none

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

    using grid

    Grid

    1
    JacobKnittle•110
    @JacobKnittlePosted 5 months ago

    it looks good overall. The elements just seem a bit too tall so using a max-height on the components and container could be helpful

    Marked as helpful
    1
  • JacobKnittle•110
    @JacobKnittlePosted 5 months ago

    putting max-width on containers to shorten the width of the content and making sure the sizes are correct. other than that it looks good

    0
  • ginhxh•70
    @ginhxhSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    i know it's wrong but im just happy i understand a little bit about flex

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

    using flex

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

    hhh everything

    product-preview with css html

    1
    JacobKnittle•110
    @JacobKnittlePosted 5 months ago

    use the style guide to help find the correct colors. Also using max-width and min-width would help with getting the correct size of the elements

    0
  • Lampros Liontos•100
    @reteovSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I found the trick for generating wireframes around sections, which helped with my alignment and spacing issues. I also figured out how to use the :not() and :last-child selectors, so that I could use border-bottom to make lines between items in a table without one showing up on the bottom.

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

    The markers (bullets and numbers in lists) were particularly tricky, both with the spacing and their coloring, sizing, and weight. During this course, I learned about ::marker, as well as the use of margin-left and padding-left to place the bullet and the associated text block respectively.

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

    Nothing at the moment; I'm pretty satisfied with the results.

    Recipe Page with Semantic HTML and CSS

    1
    JacobKnittle•110
    @JacobKnittlePosted 5 months ago

    good job

    0
  • F-L-D-B•60
    @F-L-D-BSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I was able to do this relatively quickly (less than an hour). Next time I would like to be even faster!

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

    I did not have any challenges with this.

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

    No assistance.

    Social Links Profile

    1
    JacobKnittle•110
    @JacobKnittlePosted 5 months ago

    good job

    0
  • elliot•30
    @e-liaszSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am the most proud of using flexbox properly and getting my card to look as close to the original design as possible. I am also getting the hang of rem values rather than px and I want to continue on practicing those. I believe padding is still a bit of a challenge for me as this is not perfect on the project yet (particularly the bottom padding seems too big?).

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

    Rounding the corners right on the top image was a bit of a struggle since the padding and border-radius were not working together as I wanted them to, but I overcame that. The top "learning" tag also proved to be a bit tricky, but I figured it out by just getting rid of a small part of the HTML that was actually unhelpful!

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

    Tips on getting the padding values as close to the design as possible are very welcome. I also want to work on organizing my code in a neater way, so if anyone has feedback on that I would love to hear!

    I would also really like to work on responsiveness and mobile design more.

    Simple blog preview using flexbox

    1
    JacobKnittle•110
    @JacobKnittlePosted 5 months ago

    Get more familiar with figma using the alt button on the elements and it will tell you the exact padding.

    0
  • Modupe Marvellous•60
    @Marvie-03Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I wrote all the code personally, there was no Ctrl + C and Ctrl +V

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

    Font integration to CSS file With help from google fonts I got a code snippet

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

    None

    QR code component solution with HTML and CSS

    2
    JacobKnittle•110
    @JacobKnittlePosted 5 months ago

    Looks good just needs to touching up on the margin and padding specifically with the text.

    0