CSS custom properties, Flexbox, CSS Grid, Box-Shadow

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

It's finally finished! I have did this cross layout, at least 3 times, (first with flex, then by absolute position + transform and at last by grid) and it's been on my nerves about a week

I'm quite happy I passed this, since I was too busy to focus enough on this project.

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

1. Get enough understanding of grid design in action; obviously with a lot of experiment and trial and error
2. Having a lot of *.ttf files and defining font-face for each of them; I've done this by separate definition (I guess it's not best possible solution !)
3. Having Box-Shadow: It was the first time I used this feature and I tried to make my work as similar as possible to desired images

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

1. How to handle lots of *.ttf files? By defining separate @font-face with each other? Or there's a better approach?

2. How to align to center without using flex? I'm expecting to use margin and padding with magic of "auto", but it's not working, even when I gave width to it's parent element!