Here is what the navbar looks like at the moment.The layout with navbar But I want to align it across the whole horizontal side of the page. I've tried changing the sidebar column to 1 / 3 but it didn't work sadly.

    background-color: rgba(26, 26, 26, 0.95);
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    
}

下面是代码链接,这样就更容易看到有什么变化:https://codepen.io/arkzy/pen/ZEVmyJr

推荐答案

Remove grid-row: 1 / 3; from .sidebar.
Add grid-column: 1 / 3; to .navbar.

Html相关问答推荐

将容器水平偏离中心放置在桌面上;在移动设备上平稳地集中缩小规模

如何格式化HTML文本,使其环绕关键字

D3.js—分组条形图—更新输入数据时出错

在CSS中不保持圆形图像形状的边框半径属性

当表头包含特殊字符时,R Quarto发布的HTML表中不必要的大列宽

如何从ThymeLeaf模板中分离CSS

如何在css中将包含多行文本的多个p-tag放在一起(并排)?

轨道上的居中范围滑块拇指(Webkit)

平移变换下的SVG剪辑路径行为

元素offsetTop在滚动容器中时没有更改

为什么我的 html 对话框在 React 中没有渲染在我的内容之上?

嵌入最近的 YOUTUBE 视频(不是短片,视频)

在选项标签中如何添加Django模板的条件

在Firefox中使用keySplines时,SVG: <animateMotion>不起作用

为什么盒子不在div中显示?

如何使用jQuery将我制作的通用头部和底部加载到多个HTML文件中?

如何在 css 和 html 中创建花状 struct

如何在没有容器的情况下沿基线将 div 中的元素居中?

发光效果html动画

根据正则表达式 attr 从 read_html 过滤表格