All solutions

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

Most proud that I got the layout to work and that I taught myself grid, i'm also especially pleased with the quotation mark and the outcome of the grid.

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

Biggest challenge was by far formatting, however I think it all looks good now.

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

I'd still like some help with making the boxes look more like boxes. I'd also like some help making the text fill up the space like it should on the right most box.

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

Most proud of the fact that I completed this challenge in under an hour, although I was aiming for 30 minutes. My emmet usage and skills has improved significantly which pleases me and i'm nearly there on remembering how to use favicons

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

Writing the box shadows and how I can use pseudo elements like ::before for the box shadows

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

Most proud of the naming convention I followed which made everything easier to follow and understand, as well as the use of different images for mobile/desktop

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

I managed to get the font to display (finally)

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

I'd like help with the alignment of the grid items for the images. Every time I tried to align the image it would either not take up the remaining grid space or not appear. I had to set its size manually and I don't know why it wouldn't work.

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

I'm extremely proud that I was able to style the lists. This took some time but in the end I had to go back and insert a lot of span's just so I could colour the bullets but not the text and then bold part of the paragraph but not all of it. I used neovim's amazing macro keys and figured out how they worked.

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

This one had a lot of challenges, not least that for some reason my git repo reset itself midway through and I lost half my work, meaning I had to spend a further few hours fixing it.

Other challenges were getting the content to be centred, deciding on a font, spacing and the table at the bottom.

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

I would like help with the units that I used (percentages vh,vw etc) to make sure that i'm using the right units, I would also like to know why I struggled to center the content originally and how to get better at spacing the elements.

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

I'm most proud that I completed it in around 30 minutes, although next time I reckon I could do it in under. It would've been helpful if I had used emmet as that would've significantly cut down on the time taken to complete the semantics.

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

I really struggled to get the links to take up the full space of the grid. In the end I added this

 display: grid;
 grid-auto-columns: 1fr;

To my .links section which helped expand it all

I also need to configure prettier as some of the code that it formatted is actually still quite ugly (I.E the links in the html)

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

I still really struggle with font's/font sizes. I can't get how to make them accurate. I also don't understand how to eyeball pixel size and when to use what unit, although I suspect the latter is just practice.

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

That it actually looks like a blog card, and a good one at that.

Next time, i'd ideally like to NOT have to remove the padding from the H1 to get it to work however I'm fairly certain that I was specific enough that I would've been able to avoid running into any issues later on

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

As mentioned above, biggest challenge was laying out the padding in the card and removing the padding from the H1.