要素の余白

既に要素に余白がある

bodyタグにmarginとpaddingを0指定する。

要素が画面の幅からはみ出る

要素が画面の幅からはみ出る理由は、内の要素が単に大きいか、要素のborderが太いかである。後者の場合、その要素にbox-sizing:border-boxを適用する。

要素と要素の間に余白を付ける

要素と要素の間に余白を付けようと思うと、margin-leftかmergin-rightで数値をしてするとできます。そのほかに、gapプロパティもあります。要素がCSS gridやflexであるときに、gapが使えます。
-MDN - gap
-gapの余白指定が便利！gridとflexでできる新しいCSSレイアウト手法