All solutions

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

I'm happy that I used a preprocessor like SASS for the first time in a project. I knew of it but never quite managed to use one for something.

Next time I would plan a bit more the HTML structure ahead of starting.

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

The real challenge was finding the right sizes and values for certain properties and making the whole layout responsive and coherent.

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

• I would like to know if my choice of HTML semantic tags was correct.
• I'd like advice as to whether my SASS code can be simplified.

Also, a piece of advice:

• I keep getting an error in the HTML report saying

Element "p" not allowed as child of element "hgroup" in this context. (Suppressing further errors from this subtree.)

This doesn't seem to make sense, as the hgroup header exists precisely to wrap these type of tags: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hgroup

I could be wrong though!

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

I've tried using a custom colour palette. I found picking suitable colours harder than I expected, but the current one is acceptable. I would like to implement a light/dark mode.

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

I struggled again with setting proper responsive sizes. Still not happy with current result. Using responsively.app helped with debugging for multiple screen sizes at a time.

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

Any feedback is appreciated: code quality and cleanliness, responsiveness etc.

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

I'm proud that I managed to put something together that, at the very least, resembles what was provided.

I'm not sure about doing one specific thing differently, but this is making me realise that I probably need to go through a CSS course where I can review the core concepts from scratch, particularly regarding typography etc.

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

I was very confused by how to implement the Figma design and what exactly the challenge was asking of me. There seemed to be specific PX sizes provided, but it also mentioned about having the font-size decrease in size based on screen size. I wasn't quite sure how to best approach this, but I put something together that seems to work.

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

I would like to understand better what the design was asking of me and how to implement that better in my code, particularly regarding typography.

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

I've recently realised that my CSS and design skills were severely lacking, hence my taking these challenges, so not much to be proud of at the moment.

Not sure I would do anything differently for this one in particular, but I'm sure that, as my skills improve, I could certainly look back at it and see things that could be done better.

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

Aligning elements and defining their sizes properly.

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

Everything. More specifically:

• How similar is it to the original design
• What is incorrect or poor quality and could be done better