All solutions

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

I'm most proud of the eth value and days left counter. They both use width: fit-content; and the relevant float left/right to align the containers to either side of the card. The eth logo/price and clock logo/time are placed inside these containers.

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

Making the eth and time containers that I mentioned above, it took a lot of googling and messing about to find the correct way to do it.

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

My version is nearly exactly the same as the original design. Next time I would try add some responsiveness to the sizing for different mobile devices, however it appears okay on my device at least already.

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

How to create the buttons. I ended up using a section tag to add semantic meaning to the link section. I then used a div styled separately in style.css linked with a class and then wrapped that div in an a tag to make it a link.

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

This is my version of the "Blog Preview Card" challenge by Frontend Mentor. I feel that I recreated this exactly and used very efficient and accurate HTML/CSS.

I'm proud of finding the solution to an easy drop shadow behind the card using the filter: drop-shadow option in the css file.

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

Lining up the profile icon with the name, still not sure how I managed to do it properly and it still isn't exactly centred.

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

Help with the best way to line-up the profile icon with the name.

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

I think I managed to get every aspect of this design exactly the same as the design or better.

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

The sizing of the box based on the content inside of it; I need to figure out how to get the size of the box based on the contents rather than setting an exact absolute size.

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

The sizing of the DIV so that it isn't an absolute value. (width: 240px; height: 413px; in this case)