All solutions

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

I feel I leveled up with this one! I had to tackle many unplanned challenges. It works well.

• I solidified my DOM manipulation proficency
• I practiced JS a lot more than I expected (👍🏾)
• I used regex validation for the first time
• It was surprisingly harder than my calculator project

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

• My estimating skills are bad: Originally, I estimated I could do it in just 8 hours. Let's just say it took me way longer.
• As I didn't have a clear vision beforehand, my code started to be spagettified. I still need to refactor it! I know!
• I wasted a lot of time trying to implement a way to prevent the user to type forbidden character when at the end, a simple regex validation is good enough IMHO.

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

• Any advice on the best way to refactor my JS code
• How to organise my CSS file better?

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

Not much. I'm actually disapointed of myself on many aspects. The huge amount of time I needed to realise this design was surprising.

But I had fun juggling with the various layouts (flex, grid, block) to achieve my goals.

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

• I struggled with the 4 images: what is the best layout to use and when.
• I struggled having the image in the banner overflowing the container without getting scrollbars.

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

n/a

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

I am just proud of my consistency.

What I would do differently? I would spend more time to plan the best layout and the best approach for a challenge.

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

I am still way to slow.

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

Nothing specific. But I am open to any critics that will make me improve.

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

Not much. I took way too long for such a simple result.

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

I was not sure the best option to place the tiles between 2 lines.

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

n/a

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

If I had to start over, I would focus on the layout first and on the styling at the end, instead of doing all at the same time.

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

Using gap in the text sections created some weird issue whith the media query: While it was perfect with the "mobile diplay", there was a slice shift in the "desktop display".

I needed to use max-width: calc(100% + 10px); to compensate the shift.

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

n/a

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

• I'm consistent
• I manage to find easily solutions and answer to my problems and questions
• I am now putting effort to use betterHTML semantics thanks to @dakirzakaria

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

• First of all, I learnt that I am really bad at estimating! I estimated I needed 200 minutes for this challenge, but I needed the double to polish everything… and I learnt it takes VERY long to do so

• To stick to the design was particularly challenging. I made the conscious choice to deviate from the design regarding the bullets, because the solutions I found were hurting accessibility.

• The nutrition table at the bottom was challenging and there were many ways I could approach it. I chose multiple divs over use of table. It worked but I am not sure that was the best solution.

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

I found this exercise particularly challenging when it came to keeping a CSS file simple, readable and easy to understand and maintain. I think I need better structure for big projects.

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

Just being consistent. My 3rd challenge in 4 days.

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

I still can't import fonts or use CSS variables without looking at my cheat sheets.

I am not sure the best way to name my CSS variables.

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

n/a

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

Just happy that I am making progress.

I used for the first time:

• CSS variables
• local fonts
• Hover pseudo element
• Firefox Devtool (better than the chrome one)

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

installing the fonts was a bit challenging. Still not sure I did it by the book.

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

n/a

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

I'm just happy I finally got started with learning.

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

I learnt that Github is a lot stricter about file paths:

The code below worked on local machine but didn't work on Github.

I actually had to change it to the code below so it could work:

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

All good. No help needed there.