css-grid

0熱

2答えて

新しいCSSグリッドレイアウトで作業していましたが、私は多くの情報を見つけることができないようです。私はメディアクエリを使用して、画像の幅を100％に設定しようとしましたが、画像はまだグリッドの外側にあふれています。私は何が欠けていますか？

-3熱

1答えて

CSS Gridの他のすべての行をどのようにスタイルすることができますか？

私は、不特定量の要素（コンテンツ/グリッド項目の部分）を持っています。私はそれらをCSS Gridの定義された数の列にレイアウトするようにします。 CSSグリッドはそれらを簡単に整理します。しかし今、要素が配置されているので、何らかの形で結果のグリッドの1行おきに<div>をスタイルする必要があります。テーブルの他のすべての行をより暗い色にスタイリングすると考えてください。この質問は、CSS

0熱

1答えて

3列の中央にCSSグリッドがあり、右側に1ピクセルのマージンがあります

私はCSSグリッド仕様でいくつかのテストを行っていますが、私の最初のテストで問題が発生しています。私は、3列の中心グリッドを作成し、グリッド内のdivを列の幅を埋めるようにしたいと考えました。これは動作しますが、私は右を参照してください。1pxのマージンを期待していなかった。 .wrapper { max-width: 400px; margin: 0 auto;

1熱

1答えて

どのように要素のサイズを変更し、残りのスペースをすべて取り入れることができますか？

私は3つのセクションでグリッドを持っています。私が欲しいのは、中央の「マップ」セクションのサイズを変更できることです。サイズが小さくなると、「ポイント」セクションが展開されて残りのスペースがすべて使用されます。 #grid { display: grid; grid-template-rows: 1fr 6fr 2fr; grid-template-are

1熱

1答えて

cssグリッドでオーバーフロー自動作業をどうやって行うのですか？

左の列のコードスニペットでは、「アコーディオン」はページ全体ではなくオーバーフローでスクロール可能である必要があります。現在のところ、ページ全体がスクロール可能であるように見えますが、私はアコーディオンがオーバーフローしたいだけです。必要に応じて、コンテンツページがオーバーフローする必要がありますがありませんページ全体 /*Page Layout*/ .wrapper {

0熱

3答えて

各ボックスのタイトルを取得する方法は？

見やすくするために、すべてのdivを色分けしようとしました。それぞれのタイトルを追加したいと思います。それぞれのボックスの左下に表示されることをお勧めします。それが可能なら、それは素晴らしいことでしょう。また、これらのdivはモバイルビューに対応していますので、回避するためのテキストを手に入れることができれば便利です。前もって感謝します。 .wrapper { max-width:

2熱

1答えて

すべてのツリーグリッド列を使用するプラグインを取得できません

私のコードからわかるように、私は初心者のWebデザイナーです。私はCSSグリッドを学び、それを私のウェブサイトに実装しようとしています。私は、ナビゲーションバーを2番目と3番目のグリッド列とdsm instagramプラグインを使用して、次の行の3つのグリッド列すべてを使用するようにしています。しかし何らかの理由でnavbarが2番目の列を使用していて、プラグインが3番目の列をすべて同じ行に使用

0熱

1答えて

CSSグリッドがモバイルで動作しない

私はレイアウト用にCSSグリッドを使用しています。私は行と列の両方のギャップを持つ4列のレイアウトを持っています。特定のメディアクエリブレークポイントでは2列になり、後に1列になります。これは魅力のように機能します。私は自分の携帯電話でページをテストしようとしましたが、グリッドギャップを除いてすべてがうまくいくように見えますが、これは完全に無視され、ギャップはありません。それから、私はEdgeで自

1熱

1答えて

内容数を変更するためのグリッドレイアウトの自動高さ

.button高さが増加すると高さが変わります。 grid-template-areasメソッド以外のグリッドレイアウトに他のソリューションがありますか？ .my-wrap { display: grid; grid-template-columns: 25% 1fr; grid-gap: 0.5rem; width: 90%;

0熱

4答えて

新しいCSSグリッドレイアウトを使用して12列（グリッドのみ）のグリッドシステムのようなブートストラップを作成するにはどうすればいいですか

新しいCSSグリッドテクノロジを使用してブートストラップのような12列グリッドを作成するにはどうすればよいですか？誰も私にそれを行う方法デモを見せてもらえますか？私は本当にこの新しい技術と混同しています。私は、CSSグリッドを使って簡単な12列のグリッドライクなブートストラップを作りたいと思っています。これには私のアプローチが必要ですか？