All solutions

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

This was my first real time using grid so i was really proud of the outcome and how it boxes move with the different sizing.

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

I struggled to figure out how to make the grid responsive and how to make each box the correct height (only taking up as much space as it needs) when in the slimmer viewports.

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

To know if i've done the responsive aspects as efficiently as they could be.

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

Executing the responsive requirements given so the width shrinks slightly and other aspects also change.

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

I had a lot of trouble trying to figure out the background. I haven't had an image as a background before and I also didn't realise I could change the color of the rest of the background ( bottom portion of the background ).

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

Where the music icon and the 'Annual Plan' text are sat on the right of the div, is there a better way to have them both be over on the right while the 'Change' text stays on the right.

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

Figuring out a layout that works with the responsive requirements. Also figuring out how to do the colored top-border on each card by using linear-gradient.

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

Figuring out the colored top-borders and having all the cards layout correctly.

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

I want to better learn how to write my css so it is more concise and organised. I feel like i have extra code in there or even incorrect code that can all be cut down and neatened up.

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

The responsiveness of the design.

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

I would like help improving my html and css layout to make it cleaner and remove any unnecessary code.

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

I am proud of the overall accuracy as i think it looks almost identical to the reference. I also implemented some of the suggestions given on my last project.

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

I am most proud of the end product. I think it looks very accurate compared to the original design.