All solutions

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

This project I downloaded and wrote a few years ago. I fully rewrote it. But it showed me that there is some progress in my skills, knowledge, and understanding. I used here Scss. Decided to went with it since previously I wrote it with Scss though I think it's really simple and CSS is enough for it.

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

I've messed up in the middle of the project, so I just erased everything and started from the beginning. I'm proud that instead of continue with bad code I could look at my work critically enough

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

different active styles in desktop and mobile. Used a bit of js for mobile version

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

I finished this project much earlier than others. I reduced the usage of redundant divs and, I think, kept the code pretty simple.

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

Took a bit time to adjust some colors

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

I started to feel more fluent

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

It was a bit challenging the hover overlay. I first thought to do it with js but I wanted to find the pure CSS solution

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

I didn't work with scss many years and yet now it went pretty smoothly. Also, I used the clip-path at first time.

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

The most challenging was to create a wave in the bottom of header and middle sections. I overcame it making the background wider than a screen. Also was pretty challenging to handle the elements out of flow.

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

I think my solution for the wave is not good as it creates overflows in different parts. I'd be happy to hear suggestions for more elegant and clean ways to resolve it.

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

In development mode, all images are loaded as needed. But in production they are not loaded and it's some mess with them. I tried picture tag and srcset property in img and 2 imgs separately. Nothing had worked. Will appreciate advice and help about it

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

I started to feel more fluent about grid, flex and CSS in general.

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

This challenge forced me to learn and understand grid and flex layouts better, as well as the differences and use cases for them.

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

First I wanted to use flex layout to build the structure. I didn't find how to make it with flex so I moved to grid. And that made me understand that flex layout is more useful for dynamic and changing designs but grid layout is good for the structure.

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

Took notice that in order to center the container, we need to define width and height to it's parent.