All solutions

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

Getting skilled in CSS Grid .. The previous project is quite a challenge, but this, is not!

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

Every thing goes smoothly .. Almost no challenge exists.

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

nothing.

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?

1. Using CSS Grid with proper fractions
2. Align items in center without the flex .. At the end I forced to use flex, since my margin/padding with "auto" not worked
3. First time to use Box-Shadows

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

Nothing .. I need to exercise more.

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!

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

I did RWD but, none of them gone smooth and confident as the one ! I think I have some progress in this manner.

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

1. to fill the container with image, while preserving it's aspect-ratio (I was styling the wrong element ! :)
2. add some padding while preventing the original width and height (solved by: box-sizing: border-box)

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

Nothing actually .. I need more practice to increase my accuracy and attention-to-details.

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

Honestly, I've done this days before .. It's my fist finished challenge on fontendmentor.io

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

Nothing.

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

Nothing.

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

It just completed .. and it was pretty simple.

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

The completion at expected time without stucking somewhere, deep in code.

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

Not in this project.

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.