HTML・CSS(SCSS)

今回はフレキシブルな画像表示についてコードを残しておこう。ポイントはフレキシブルな画像表示とobject-fitの合わせ技だ。

円の中に2行の文字を書きたいときがある。中央揃えにpaddingで調整したコードと、flex-boxを使った2種類のコードを載せておく。意外と実務でも使うことがあるのだ。

SCSSはファイル名の先頭に_（アンダーバー）をつけると分割ファイルとして扱うことができる。複数人でWEBサイトを開発する場合に、１つのstyle.cssファイルを取り合って使うのではなく、担当者ごとにファイルを生成し、最終的にstyle.cssを吐き出すことができるのだ。