Fixed-size card using React, SCSS and Bootstrap

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

I'm really proud of making it work with a CSS preprocessor, but I wish I'd be more patient analysing some documentations instead of recurring on online guides to explain some features and characteristics of the resources I employ.

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

I felt a feel of limitation when using Bootstrap, due to its unfriendly and extense methods of overwriting/setting new values - which was aided by me prioritizing SCSS code over Bootstrap classes. Besides that, during the week I spent developing it, I only actually coded sporadically on some days, so i can't complain that much about duration.

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

If the components' sizes and margins are accurate enough to the source designs; if my code is organized (yet simple) enough and; if possible, what would be another good alternative to regular CSS stylization (besides Sass/SCSS and styled-components).