All solutions

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

I am most proud of feeling as if, generally speaking, I am in control when using both Flexbox and CSS grid now. I am also happy that I started using a mobile-first approach to the implementation, this makes things much easier to implement from my experience.

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

Handling the background images and its properties was a challenge but in the end I think it worked out quite nicely.

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

I'd like to know how, given my current solution, I'd make the images to the left and right of the hero section (on larger resolutions) span slightly off "canvas" (outside the viewport). I can't get it work after trying various ideas so any feedback there is much appreciated! :)

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

That I started implementing this challenge, using a mobile-first approach. It felt as if that made the whole challenge much easier to handle CSS-wise.

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

The trickiest was finding a good way to get the testimonial cards span as intended over the given rows and columns. Once I found out about grid-template-areas then it was quite straightforward :)

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

Any feedback on best practices using CSS grid is most appreciated (and any other feedback of course!).

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

Getting the 3 columns to work as intended! I had a plan when using flexbox which turned out quite nice :)

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

Making the boxes as even as possible in terms of size. I had to read up a bit on flex-basis and felt as if I had to go back and forth many times to ensure things were working as intended.

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

Any kind of feedback is welcome really, but I want to ensure I am using best practices for my code and techniques. So feedback on that is always welcome, both in terms of HTML and CSS :)

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

Using SASS for the first time felt good! This made it easier to read CSS variables. Was quite easy to setup together with Node.js.

It also felt good to go through the design section by section and feeling in control when implementing the design.

I did try a new CSS reset that I found which honestly made things more complicated and gave me more things to reset, ironically enough. So in the end I decided to stick with a basic CSS reset that just removed the default margins and paddings on elements, and set the same box-sizing on everything :)

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

The trickiest part by far was making the images responsive, and also swapping the images on desktop vs mobile. I am not sure I have done it in the best way though, but it seem that the images are shown as intended! I also spent some time to test the design in the browser on mobile resolutions and with different screen orientations and found some small bugs thanks to that, which I fixed.

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

Generally any best practices I should follow, in particular for handling the images. Also general feedback is always appreciated!

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

I think in general achieving a quite responsive page with usage of flexbox and CSS. It felt good that I could go through this challenge section by section, styling each section and each item, while still feeling that I was in control of what was happening.

It also felt good to explore CSS variables a bit to try to make a more "theme"-like structure for the CSS, to make it easier to use the same spacing, colors etc across the page. Still torn whether it makes things easier to read, but at least it makes it easier to replace any styles in the future :)

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

In general I struggled with the styling of the list items, and the paddings for these. I finally managed to get a solution for it but it still feels a bit "hacky".

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

Well, feedback in particular on semantic HTML, as well as any additional best practices that I should follow for HTML and CSS that I might have missed. :)

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

I feel really happy that my speed with translating a design to HTML and CSS is picking up. I think I implemented this one from start to finish in less than hour, feels great.

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

While I can do static widths fairly well now, I wonder how it'll work when I do more responsive design. So I'm hoping to learn that better soon :)

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

Any feedback in terms of HTML and CSS structure, semantics and best practices in general would be very appreciated!

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

I enjoyed trying out a bit of animations for the hover states! It also felt good that I have started feeling a bit more comfortable using flex.

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

I struggled to find some good way to resize the "Learning" chip/button without giving it a fixed width.

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

I'd like to better understand flex-basis, flex-grow and flex-shrink.

I'd also really like to know if there's a better way than just setting a fixed width for the Learning button. Ideally I'd like that button/chip to grow dynamically based on its content (but not take up the full width as the rest of the content).

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

I am the most proud of getting started on Frontend Mentor and trying something on my own without relying too much on tutorials!

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

One major challenge was how to center the content! I figured it out by googling and going through stackoverflow. Another challenge was understanding some of the default behavior for HTML and CSS. Using a basic CSS reset certainly helped :)

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

Primarily want feedback on whether the code itself is good, whether I am following best practices on that (especially the CSS) and how closely I am following the design itself.