All solutions

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

I'm proud of using the Picture element for this challenge.

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

I had trouble getting the layout right for desktop. For some reason the Picture element wouldn't scale to 50%. The only way I could fix it was by setting the image element to 60% and the content div to 50%.

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

I could use some feedback on how to make the images responsive.

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

I'm most proud of the instructions list with customized decimals. It is pretty advanced CSS

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

The most challenging was the instructions list with it's custom decimal bullets. The local fonts where also a challenge. For some reason I didn't get it to work, so I gave up and used the Google Fonts CDN.

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

I could use some help with the local fonts configuration. Also any suggestions on how to make the html more semantic and accessible would be welcome.

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

I'm most proud of customizing Tailwind with custom font and colors

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

I had difficulties with deploying my site on Github Pages and Netlify

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

I would love to hear how to deploy a Tailwind site on Github Pages

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

I'm proud of using local fonts. I'm also proud of adding responsivity without using media queries.

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

It was a bit challenging to configure the local fonts. It wasn't clear to me why there as a static folder in the fonts folder.

Also making the width of the card and the font-size of the header responsive without using media queries was at first challenging. I looked it up on the internet, and found a video on the use of clamp() in CSS very helpful.

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

I would love to get feedback on my implementation of the local fonts, because I don't see the font on the live website. I'm not sure if I referenced the url to the static assets wrongly, or if I made some other mistake.

I would also love to get feedback on my implementation of the responsive width for the blog preview card, or if there is some better way.

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

I'm most proud of working through the problem and presenting a solution.

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

It has been a while since I used plain CSS, as my latest projects are built with Tailwind CSS. But it would be good practice to dust off my CSS skills.

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

I guess it would have a more modern solution when CSS Flexbox is used. So any feedback on implementing this solution with CSS Flexbox would be welcome.