Profile card component using Mobile-first & flexbox

Question 1

Do i have to calculate all the time for the font size ? Some challenges have 15px some have 18px. Browser default is 16px. I’m using “rem”. And i don’t want to use hard coded px.

Question 2

Height vs padding/margin

• Should i use height for main, then use flex to divide the whole height. In this approach there is less usage of padding/margin.
• or
• Should i not assign any height for main, then use padding/margin for each elements.

Thanks for the help in advance.