CSSインタビュー質問:応答設計(1つのコラム/3つのコラム)をつくってください

3125 ワード
show tutorial programming css テキストリンク
就職活動を始めた💼 今年は、インタビューの質問のほとんどはJavaScriptを中心に展開し、それは完全に理解できることに気づいた.😞 CSS/HTMLなし.
CSS技術質問を含むそれらの他のインタビュー🤔, 私は応答のレイアウトを書くように依頼された-小さな画面のための1列と広い画面の3つの列.
任意の問題と同じように、この質問に多くの解決策があります.うまくいけば、あなたはテーブルを使うことをする古い方法を提示しません、あるいは、下のように浮いてください🚫.
// CSS Float
@media (min-width: 500px) {
  .column {
    width: 33.33%;
    float: left;
  }
}
私の推薦はCSSフレックスボックスかグリッドのどちらかです.
// CSS Flexbox
@media (min-width: 500px) {
  .columns { // parent
    display: flex;
  }
  .column { // child
    flex: 1;
  }
}

// CSS Grid
@media (min-width: 500px) {
  .columns { // parent
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
CSSは、すべてのフロントエンドの開発者/エンジニアが必要なスキルですが、それは好きなスキルではありません.一つは、エレガントで最小のCSS規則を書くことができなければなりません.
これは何ですか.CSSの質問や課題はまだフロントエンドのインタビューに頼らなければならないか、我々はそれがプログラミング言語ではないとして、エンジニアはそれを知っている必要があります仮定することができますか?
あなたがこれらの3つのアプローチのまわりで遊びたいならば

For those who prefers video format

Python :モジュールとパッケージ
ドルビーを転写.ディープコミュニケーション録音