What are you most proud of, and what would you do differently next time?
It's finally finished .. It was quite challenging to make this cross layout (first time, I came up with idea of using flex, then I got with absolute positioning and transform and finally, the CSS Grid, did the job done)
What challenges did you encounter, and how did you overcome them?
Using CSS Grid with proper fractions
Align items in center without the flex .. At the end I forced to use flex, since my margin/padding with "auto" not worked
First time to use Box-Shadows
What specific areas of your project would you like help with?
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?
Get enough understanding of grid design in action; obviously with a lot of experiment and trial and error
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 !)
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?
How to handle lots of *.ttf files? By defining separate @font-face with each other? Or there's a better approach?
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!
What are you most proud of, and what would you do differently next time?
I'm happy to continue doing the challenges
What challenges did you encounter, and how did you overcome them?
the "margin: 10vh auto" didn't work for me to cauterize the elements horizontally, since i used "max-width: 21vw" both in "body" and "main" .. so after using non-responsive units, every thing works (e.g with max-width: 320px)
What specific areas of your project would you like help with?
when should we use responsive and we shouldn't use? besides that, there's a lot of facilities to achieve responsiveness in css, and honestly I'm not sure where and when I need to use them!
What are you most proud of, and what would you do differently next time?
It's not a "proud of situation".. I almost finished the "news-homepage" but didn't commit my solutions though, since I felt lost on the responsiveness ! So, I started from again from the learning paths, and this "qr-code-component" is the first challenge I need to solve in order to proceed to next one.
I look forward to learn the responsive design, once and for all.
What challenges did you encounter, and how did you overcome them?
There's no real challenge, but I didn't previously learn to align to center, elements without flex !
so, I used "margin: auto".. that's a nice trick.
What specific areas of your project would you like help with?
Maybe It's too soon to recommend something to someone, but I think it's similar to a boilerplate code for making components, in next projects.