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
looks great
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
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
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
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
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
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.
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.
Nothing at the moment; I'm pretty satisfied with the results.
good job
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.
good job
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.
Get more familiar with figma using the alt button on the elements and it will tell you the exact padding.
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
Looks good just needs to touching up on the margin and padding specifically with the text.
