flexbox, grid, li::mark, pseudo classes, border-bottom, font-face

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

I am most proud of my problem solving for this project. I stumbled upon a lot of different challenges, but I managed to solve them at last with some googling.

Next time I think I would want to get more into how to use the figma files, I am still a little bit confused about them, and would love to get more confident on that part. It really makes life easier if you are able to utilize the figma files effectively

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

The first challenge was getting the paragraphs to not take up the entire lines. I am still a little unsure on how to do this effectively. I thought that by using flexbox and setting the align-items property, the div will automatically shrink to the size of the content, but I managed to solve it using max width on the paragraphs.

And figma also tested my temper this project. Its a little hard to navigate and understand all the different parts of it. I did however get out the most important details, like the colors and fonts.

The biggest struggle was getting the dots in the list to shrink. I had no clue that it was possible to change the font size of these things by using li::mark, and also use this pseudo class to change the color of the dots.

One more interesting thing that I learned, once you remove the dots from the list, they actually have a default padding that you need to remove if you want them to center.

Yes and also getting the space between the list elements themselves and the bullet points I took my time on, but eventually figured out that you can use padding to create the space by applying it to the elemnts.

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

Use figma effectively, and also knowing when to actually the different units for width and height. I feel like there are so many best practice solutions I simply dont know about.