小编Joh*_*son的帖子

How to make sidebar and sections with CSS grid?

I'm trying to make a layout like this: 在此输入图像描述

Here's my code:

.grid{
  display: grid;
  background: gray;
  grid-gap: 15px;
  justify-content: center
  align-items: center;
  grid-template-columns: repeat(2, auto);
  grid-auto-rows: minmax(50px, auto);
}

.sidebar{
  grid-column: 1/2;
  background-color: white;
  align-items: center;
  justify-content: center;
  width: 300px;
}

.navbar{
    grid-column: 2/3;
  background-color: white;
  height: 50px;

}
.section2{
    grid-column: 2/3;
  background-color: white;
  height: 300px;

}
.section4{
    grid-column: 2/3;
  background-color: white;
    height: 300px;
}

.section3{
  grid-column: 1/2;
  background-color: white;
  height: 200px;
    align-items: center;
  width: 300px;
}

.section5{
  grid-column: 1/2; …
Run Code Online (Sandbox Code Playgroud)

html css layout web

5
推荐指数
1
解决办法
5720
查看次数

使用 Create React App 和 Plotly.js 时出现内存不足错误


<--- Last few GCs --->

[972:000001913A837320]    40900 ms: Mark-sweep 2049.2 (2066.3) -> 2047.3 (2059.3) MB, 2062.9 / 0.1 ms  (+ 179.6 ms in 113 steps since start of marking, biggest step 8.9 ms, walltime since start of marking 2512 ms) (average mu = 0.153, current mu = 0.107) [972:000001913A837320]    42835 ms: Mark-sweep 2048.8 (2059.3) -> 2047.7 (2057.8) MB, 1845.1 / 0.0 
ms  (+ 81.8 ms in 23 steps since start of marking, biggest step 9.0 ms, walltime since start of …
Run Code Online (Sandbox Code Playgroud)

node.js npm reactjs plotly

5
推荐指数
1
解决办法
2219
查看次数

标签 统计

css ×1

html ×1

layout ×1

node.js ×1

npm ×1

plotly ×1

reactjs ×1

web ×1