All solutions

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

This was my first time using a table, or horizontal breaks. I also used a media query, but not sure if there is a better way to make this responsive.

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

I had some trouble making this responsive. I'm still using some min-width and some media queries. I want to learn more about doing this the right way.

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

This one was pretty quick for me. The other challenges have really improved my css skills.

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

On this one, none.

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

I think this time I was closer in terms of small details like the 1.5 line lengths and box shadows etc.

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

Issues Padding a Div 

I had my Learning tag like this:

   Learning

and my css was adding paddinglike

.topic-tag {
   padding:1px
}

For some reason this added a margin of way more than 1px.

I fixed this issue by getting rid of the div

Learning

I still don't get why this happened.

Issues With Responsive Layout

I still don't understand how to make responsive UIs. The pixels specified in the markdown don't seem to actually match what looks good on my laptop. And right now I just set max-width and min-width.

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

This is the first time I felt like I understood flex. I understood that I needed to flex with flex-direction column.

I don't really understand what the best way to set the width is. Also the example said that the desktop and mobile widths were different but they seemed similar to me. I ended up using a max-width, but I imagine this is not correct.

There were many aspects I simply guessed on like the border radius.

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

It took me while to understand flex. And It took me a while to understand that the styling sometimes goes into the parent and not the child.

I struggled to see why div surrounding the image had some extra padding around the image. The reason turned out to be the paragraph element beneath the image was expanding to as much space as possible.

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

I would like to know if my general use of flex was correct, and how to think about things like max-width of if there is a better way.