レスポンシブを見据えたpaddingの付け方

Question

レスポンシブを見据えてpaddingをつけたいです。
それぞれの記事、例えば一つ目なら右にpadding
二つ目の記事は左にpaddingをつけており。space-betweenで両側に記事が配置されている
状態です。この画面を伸縮すれば、記事はどんどん近づきあって、paddingがお互いぶつかったとこで
flex-wrapが働き、縦に並んでいくという現状です。

皆さんはそれぞれに一回一回padding左右をを指定してcssをつけているのでしょうか。。
すみません、自分結構この作業に時間取られがちなので、この作業を短縮できる技が
あれば教えていただけると幸いです。
分かりにくい説明文で恐縮ですが、何卒よろしくお願いいたします。

Answer 1

直接の回答になるかわかりませんが、
僕の場合はBootstrapでpaddingをつけています。
レスポンシブデザインを重視されるのであれば使ってみるのもいいと思いますよ。

Comments

[tooju]

ブーストラップ、そのようなものがあるのですね、、気づかせていただきありがとうございました！