All solutions

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

This one took a while: decent amount of JS to write and a lot of repetition. A JS framework like React would have been more efficient but I want to continue with vanilla JS for a while yet.

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

Good to get back into the frontend development after a couple of weeks doing backend. Happy that I got the responsive navbar to work.

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

Mostly just fiddingly with the css to get it all to work.

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

A lot of fun getting to use Chart-js and making customisations to meet the spec. Happy that I included functions to find the max value and then provide the correct colours for the bars.

Only thing I'd like to do is fetch the json data rather than include in the script. I tried but got a cors issue. Something to look into.

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

First time using Tailwind - I enjoyed it. Need to optimise it by adding some layers (or using React) as this involved a great deal of copying or pasting

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

I enjoyed that one - loads of JS to think through and write up into a solution.

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

First Junior challenge completed. Learned a few things but no major issues. Not happy with the JS so I'll refactor that over the next week. I'm pretty sure it's not well-written but does work.

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

Got this done while watching Scotland in the Euros - multi-tasking hero.

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

Smooth process. 17 newbie challenges done. I will embark upon the Junior challenges next.

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

The knowledge I picked up from previous challenges really helped

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

Nothing major in this one - plenty of small niggles but that's to be expected when I'm still learning.

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

Went with a mobile-first process this time which I think was a success.

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

Main issue was 1) trying to get the image to fill the appropriate area on the desktop version; and 2) getting the logo positioned correctly on both desktop and mobile. Found relevant materials online and just played about with potential solutions.

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

Any thoughts on my solutions to the image and logo as I've outlined in the challenges I occurred.

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

Able to use my absolute and relative position knowledge from the last challenge

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

I really had to work for this. Went down the wrong path with my html which my modal popup wasn't working correctly. I have a better understanding of how to structure this better.

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

Absolute positioning and the need to have a parent set to relative. It was a journey...

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

Finishing! This was a bit of slog but it's all about perseverance, right?

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

Feels like I used too much CSS, did I?

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

Positioning the background circles and making them response were the main challenges. As always - stack overflow and the MDN web docs were the answer.

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

Could my approach to positioning and making the circles responsive be improved?

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

Allowing the card components to not have a fixed width but still having rounded corners on the desktop version. Had to switch to fixed widths as a compromise. Also had to decide what to do when it the cards weren't in a straight column or row.

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

I had to add overlay:hidden in order to get the border-radius to display, and also had to fiddle a bit to ensure that 1) both image and content are 50% of the width but add in the padding (while being responsive).

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

Happy with how quickly I managed to get this done.

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

Happy to have tackled something new: having an icon appear on hover. Also used some feedback for centring the component from my last challenge.

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

Any thoughts on whether my approach to displaying the icon on hover is valid or would be considering a hack. I had to up the padding to ensure it trigged the same time as the transparent cyan filter.

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

Happy that I was able to find my way through the JS problems to get it working. Couldn't understand why I was getting errors but it was mostly because I trying to manipulate objects when I should be taking the first value.

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

Good bit of googling to find solutions.

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

Following feedback, I used flex on the body to centre the content rather than margin. I also used css to populate and change the images for the first time (so that's something new learned).

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

This went pretty smoothly.

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

Any feedback on whether my approach to marking text is correct. I think I'm using headings too and should be using span instead.

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

Allowed me to tackle new problems, such as the circle around the result.

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

Mostly unintended issues caused by using certain css properties. I'm still not very efficient due to these issues.

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

Been a while since I've used vanilla JS so I'm happy I eventually got the accordion to work.

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

Getting the JS to work - was a slow slog as things just wouldn't work. Used google to find a solution.

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

Relied on margin:auto for the previous challenge so used flexbox for this one.