All solutions

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

Using BEM for the first time. Not sure how well I did with it but it's a first attempt so can only get better

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

Getting to grips with BEM, Used Youtube and chat gpt to figure it out

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

Having the layout switch using grid for desktop and the simple task of the coloured border not wrapping around the border-radius.

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

transform: translateY(50%); Simple but took me 2 hours to figure it out. Took the long way round :)

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

Getting a better understanding of flexbox and grid.

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

I had a major problem getting the image for the desktop to do what I needed. I finally figured it out but I was struggling to get the image to fill the height of its side then when I did I had problems trying to get it to only take up 50% of the card container.

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

I have to be honest, I made the first rendition, and although the layout was spot on I did have issues with the list-style-type and the responsive layout. Mainly due to me not setting out the structure of the list correctly, I also had a brainfart and used strong instead of span in the lists. So I went on YouTube and followed a tutorial by KimDoesCode on this challenge. I found by following his tutorial on this project I learned so much valuable CSS that I did not know before that should make using CSS so much easier in the future So although I feel like I didn't fully complete the challenge, I do feel like I learned so much more trying it on my own first then watching someone do it than just doing it on my own.

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

Styling and laying out lists correctly to work with flexbox

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

The speed at which I completed this. That being said there are still a few issues

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

I had trouble getting the buttons to be responsive. Not sure I found the best solution, feels like a clumsy way to do it. I had to expand the width of every element to 100% that contained the buttons to get them to work correctly.

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

Hopefully getting the semantic markup correct. Feel that maybe the CSS could be better. My biggest concern at the minute is getting the HTML correct, as when to use semantic tags and when to use none semantic tags.

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

Using flexbox for the first time, i used MDN and Youtube to figure out the basics of Flexbox

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

Flexbox, found it hard to set the layout correctly. The padding inside the .container seems to keep the elements inline if I use 1.5em or higher but anything under this and all the elements below the image creep further to the left than the main image

I still don't fully understand why this is

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

Flexbox usage, although I'm still unsure if that is the best approach.

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

Using flexbox in a project for the first time. I used freeCodeCamp and MDN to learn the basics of flexbox.

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

It is knowing if this is the best way to achieve this, and is the industry standard way for achieving this or is there a better way?