我这里有个密码:
<Grid container className={"home-page-container"}>
<Grid item xs={1}/>
<Grid item xs={10} >
<h1>Play "Monsters on the way" to earn Crypto and NFTs</h1>
<h2>This is a p
我创建了一个html错误页面。它有2行显示错误。第2行有到主页的链接。为了将这两行保留在中间,我创建了一个顶级css-grid,并将网格的每一行设置为flex。我注意到,如果我对第二行使用display:flex,那么here链接周围就没有任何空格,但是如果删除display:flex,就会添加空间,即从Clickhereto到Click here to的html更改。小提琴在
如果我删除flex属性,为什么要添加一个空格?
代码
html
<div id="invalid-page-grid-container">
<h1 id="invalid
我需要使用grid css或flex来正确定位h1元素(无需硬编码)。所有这些元素都存储在大小相等的列中。排成一行。当屏幕变小时,我需要将element1 & element2放在h1测试的下面。该任务的细节不允许在css中对各种屏幕扩展使用@media。因此,我在这里写作,因为我不知道如何做到这一点。 I need this position of the elements <article id="MyContainer">
<div>
<h1>SOME TEXT</h1> ----- i
我想利用CSS网格来平均调整那些属于同一CSS网格轴的元素的大小
[class*=' container-grid-'], [class^='container-grid-'] {
/* give margin-bottom to all kinds of "container-grid-", see https://stackoverflow.com/a/13352103/923560 */
margin-bottom: 2rem;
}
[class*=' container-grid-'] > .col,