All solutions

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

I recreated the "open/close" svg with css and animated them. This is satisfying to me for some reason.

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

I struggled more than I would like to admit with flexbox. The "open/close" graphic I recreated with a div and some css kept getting squished on smaller screens. I added flex-shrink: 0; to overcome this issue

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

Just notes on best practices for writing cleaner code might be nice. I know my Javascript isn't the best, but I am still new at it.

My sizing is a little off from the design jpg. I felt like I did a lot of guessing trying to get padding/margin between elements right. Any tips on "guessing" the design dimensions? I assume the answer is that it will get better with time...

Go easy on the footer lol. I was lazy on the attribution section. I couldn't get it to stick to the bottom the way I wanted and realized as I am submitting this that I never came back to it.

Any tips for code cleanup, or best practices would be appreciated :)

I am still new to html/CSS. Any feedback is appreciated!

• I am really new to HTML and CSS. Does anyone have any recommended best practices I should follow?

• Is there a better way to make text responsive to screen size? The card dimensions in my solution do not quite match the design image for mobile version.