Card component using HTML5, CSS and SASS

Hello everyone. I will start off by saying i am just getting started with front-end development. For this particular project, if possible, I ask you guys for some piece of advice regarding the following topics, in order for me to not hardcode them anymore:

**

1. Making the page content a bit more dynamic, a.i not using so many fixed values for heights, widths(such as, height: 100px and so on)
2. Dealing with child, grandchild elements being relative to their parents(eg: grandchild being relative to child (child being parent to grandchild) and child being relative to parent(grandparent))
3. Also elements to auto-resize based on the screen view port. (eg: wrapping content to auto-resize in order for text or any other child element not to break through and overflow).
4. Vertical align (can't seem to auto fix this. only solution found was using positioning and then top: x %) **

Thank you!