「mragin」,「padding」,「wdith,」「height」のサイズの決め方がわかりません。

どうしたらすぐに、
「ここは100％、ここの幅は32px、ここはこの高さ、余白は何px」とか、
「レイアウトのはこのサイズし、このflexboxの属性を使う」とか

すぐに判断できません。決め方のコツを教えて下さい。