settings
code:style.css
body{
background-color:gold;
}
.grid li.page-list-item:first-child{
width: 100%;
max-width: calc(100% - 38px);
height:auto;
}
.navbar{
background: linear-gradient(#d0130e 20%, #fff 0,#fff 35%, #08237e 0%, #08237e 65%,#fff 0, #fff 80%,#d0130e 80%);
}
.grid li.page-list-item:first-child .icon{
background-image: url("https://i.gyazo.com/75043e3e3939092d042c54526e498c82.png");
width: 100%;
padding-bottom: 33.3%;
background-size: contain;
background-repeat: no-repeat;
}
.grid li.page-list-item:first-child a{
box-shadow:none;
height:auto;
}
.grid li.page-list-item:first-child .icon img{
display:none;
}
.grid li.page-list-item:first-child .description.fix{
display:none;
}
.grid li.page-list-item:first-child .header{
display:none;
}
.grid li.page-list-item:nth-child(2){
display:none;
}
.grid li.page-list-item > ahref^="/short-circuit-hmt-bkk/settings" {
display: none;
}
.navbar-brand::before {
content: '';
width: 40px;
height: 40px;
position: absolute;
background-image: url("https://i.gyazo.com/6a0d3857988aa796bee95e2e1aa09176.png");
background-size: cover;
border-radius: 4px;/*角丸はお好みで*/
}
https://gyazo.com/75043e3e3939092d042c54526e498c82
https://gyazo.com/6a0d3857988aa796bee95e2e1aa09176