All solutions

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

Most proud of Javascript, especially adding validation and calculations

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

Validating inputs

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

Semantic html and refactoring JavaScript

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

Dynamically linking to the data in json / JavaScript with minimal amount of code.

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

Overlaying cards. After some research css grid was best option.

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

Feedback on semantic html and any refactoring tips.

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

Being able to combine the use of html, css and javascript.

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

My main challenge was in hiding / showing appropriate elements in the different states of the application. I overcame the challenges by experimenting with grid, css and javascript.

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

Feedback on semantic css, and any potential improvements to make the code more efficient.

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

Being able to work out a solution for the pop up tabs.

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

Adding the pop ups for the button clicks on mobile and desktop versions. Overcame this by googling for potential ways to implement this.

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

I would be grateful for feedback on semantic html and how the pop ups work on mobile and desktop screens.

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

using media queries to reflect changes in layout in different viewports

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

Arranging text and images in the desktop layout. Used grid to achieve layout.

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

General feedback on use of grid and flexbox to achieve viewport layouts

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

Deploying the site in grid

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

Using grid, having mainly designed in flexbox previously.

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

Any improvements on the grid layout

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

using semantic html

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

Aligning the cards on desktop view. Overcame by using grid

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

Use of semantic html

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

Trying to make the website as semantic as possible.

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

The table was the most difficult to style, but managed to do so after some googling.

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

I would be grateful for feedback on semantic elements and any improvements on the css

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

I have sought to use semantic html

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

The biggest challenge was sizing and placing the image centrally. I overcame this by placing the image inside a div which enable me to control the size of the image and to control the div as a flex element.

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

Any general points for improvement are welcome.

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

Replicating the specification as near as possible.

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

Everything within flexbox is treated as a block element, which made it tricky to work with some inline elements.

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

Any suggestions on improvement welcome.

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

First attempt at QR code challenge

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

Centring the card.

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

General review

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

using mobile first design

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

centring the card - overcame through googling

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

Feedback on responsive design and tips to improve

I found it challenging to organise the site using flexbox, using a mobile first design. I would welcome any feedback on how use flexbox and organise my code more efficiently to avoid repetition.