All solutions

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

I feel more confident with Grid and how it works, I also discovered grid-template-areas and how to set grid placement without using 1 / 1 / 1 / 1 format.

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

I got stuck with adding the background image but found the solution via googling

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

Any advice welcome!

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

Learning how to use Grid and completing the challenge

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

I faced an issue with the grid placements using grid area and determining what values (numbers) each grid component should be placed at.

I also got stuck on placing the team builder card above the karma card with little to no gap in between them and I needed to research this.

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

Any advice/comments/feedback are welcome!

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

That I finished this challenge, I re-did it twice as I was not happy with my first attempt and thought I could do better and that I implemented flexbox for the first time in one of these challenges.

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

I struggled quite a bit with making this responsive, still not happy with the responsive side of it.

I went with a desktop first approach but may switch to a mobile first approach for future.

The main thing I struggled with was re-sizing the component to fit properly on screen for the different widths and some other parts - for example the paragraph regarding the product description does not stay inside the container.

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

I am a bit confused regarding some sections of my code, firstly I'm unsure why I need to use "display: flex" in multiple places in order to centre the card component. For example in the body section I use display flex and then on the div "flex-container" I also have to specify display:flex or the card component isn't centered.

I also need help with responsiveness, I feel like this should not been as hard as I found it to make this responsive given the layout of the card I thought changing the flex direction to column would do 90% of the work but I spent alot of time with the dev tools open in chrome trying to resize components to make it look decent.

if anyone has any advice or pointers on an easier way to make this responsive that would be great!

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

I'm most proud of how close I got this challenge to the design provided, I did do this over a couple of days and next time I would rather just get it done on the same day.

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

I faced an issue with making my solution responsive and after multiple attempts I finally got it to work with the help of the dev console.

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

The main thing I struggled with was making sure the design was responsive and making the div remain in the centre. From researching this I found this can be done by using margin: auto; in CSS.

Since I haven't covered flexbox yet im sure there are better ways to achieve this.

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

The main thing I struggled with was making sure the design was responsive and making the div remain in the centre.

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

Any detailed guides on CSS styling would be appreciated!

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

The thought process I followed to use buttons instead of multiple divs which saved me having to write css and then copy and paste it for each div.

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

I still struggle with responsiveness and its definitely something I need to review to get a better understanding of.

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

Responsiveness - if anyone has any pointers or can share some advice on what I should be thinking/doing when trying to make the webpage responsive

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

This is my first challenge so I'm proud that I completed it and didn't need to google much to get it close to the design and I'm proud that I was able to complete it in just a few hours.

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

I was stuck on how to change the colour of items but with some googling I was able to find how to do this.

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

I'd like to know if I could have done anything different with the CSS to perhaps not use as much to get this design.