<div class="card">
<a href="https://sukwants.pond.ink" target="_blank">
<div class="thumb" style="background: url(https://userpic.codeforces.org/2391464/title/28f25a9e18713eb.jpg);"></div>
</a>
<div class="card-header">
<div>
<a href="https://sukwants.pond.ink" target="_blank">Sukwants</a>
</div>
</div>
</div>
<div class="card">
<a href="https://wtyakioi.github.io" target="_blank">
<div class="thumb" style="background: url(https://userpic.codeforces.org/2114704/title/c81affea72ed583c.jpg);"></div>
</a>
<div class="card-header">
<div>
<a href="https://wtyakioi.github.io" target="_blank">zsq147258369</a>
</div>
</div>
</div>
<div class="card">
<a href="https://zyc.pond.ink" target="_blank">
<div class="thumb" style="background: url(https://userpic.codeforces.org/2399217/title/aa1230fef0c08905.jpg);"></div>
</a>
<div class="card-header">
<div>
<a href="https://zyc.pond.ink" target="_blank">2745518585</a>
</div>
</div>
</div>
<div class="card"><a href="https://www.cnblogs.com/Feyn" target="_blank"><div class="thumb" style="background: url(https://userpic.codeforces.org/2860949/title/c9a31ae5494db018.jpg);"></div></a><div class="card-header"><div><a href="https://www.cnblogs.com/Feyn" target="_blank">Feyn</a></div></div></div>
<div class="card"><a href="https://zhangyt.pond.ink" target="_blank"><div class="thumb" style="background: url(https://userpic.codeforces.org/2754047/title/a942d346c3b38cc9.jpg);"></div></a><div class="card-header"><div><a href="https://zhangyt.pond.ink" target="_blank">zhangyt</a></div></div></div>
<div class="card"><a href="https://www.luogu.com.cn/blog/snowbamboo/" target="_blank"><div class="thumb" style="background: url(https://userpic.codeforces.org/2263017/title/98156de05841f917.jpg);"></div></a><div class="card-header"><div><a href="https://www.luogu.com.cn/blog/snowbamboo/" target="_blank">syysongyuyang</a></div></div></div>
<div class="card"><a href="https://www.cnblogs.com/yolanda-yxr" target="_blank"><div class="thumb" style="background: url(https://userpic.codeforces.org/2126409/title/2cfdec936556d57e.jpg);"></div></a><div class="card-header"><div><a href="https://www.cnblogs.com/yolanda-yxr" target="_blank">yolanda</a></div></div></div>
<div class="card"><a href="https://codeforces.com/profile/ieeqwq" target="_blank"><div class="thumb" style="background: url(https://userpic.codeforces.org/1158647/title/6ad000156d80b4e9.jpg);"></div></a><div class="card-header"><div><a href="https://codeforces.com/profile/ieeqwq" target="_blank">ieeqwq</a></div></div></div>
<div class="card"><a href="https://www.luogu.com.cn/blog/LJYcaicai/" target="_blank"><div class="thumb" style="background: url(https://userpic.codeforces.org/2010531/title/15a23cb33874e602.jpg);"></div></a><div class="card-header"><div><a href="https://www.luogu.com.cn/blog/LJYcaicai/" target="_blank">cjLJY</a></div></div></div>
<div class="card"><a href="https://www.luogu.com.cn/blog/KOT/" target="_blank"><div class="thumb" style="background: url(https://userpic.codeforces.org/1586385/title/4762ac6685c61b60.jpg);"></div></a><div class="card-header"><div><a href="https://www.luogu.com.cn/blog/KOT/" target="_blank">KING_OF_TURTLE</a></div></div></div>
<div class="card"><a href="https://www.cnblogs.com/shrshrshr/" target="_blank"><div class="thumb" style="background: url(https://cdn.luogu.com.cn/upload/usericon/80679.png);"></div></a><div class="card-header"><div><a href="https://www.cnblogs.com/shrshrshr/" target="_blank">Register</a></div></div></div>
<div class="card"><a href="https://www.luogu.com.cn/blog/225370/" target="_blank"><div class="thumb" style="background: url(https://userpic.codeforces.org/2174929/title/79ef7b2e31471f0a.jpg);"></div></a><div class="card-header"><div><a href="https://www.luogu.com.cn/blog/225370/" target="_blank">loverintime</a></div></div></div>
<div class="card"><a href="https://zlx.pw/" target="_blank"><div class="thumb" style="background: url(https://userpic.codeforces.org/1715478/title/a49f76b4020271c0.jpg);"></div></a><div class="card-header"><div><a href="https://zlx.pw/" target="_blank">zlxFTH</a></div></div></div>
<div class="card"><a href="https://www.cnblogs.com/zym417/" target="_blank"><div class="thumb" style="background: url(https://images.cnblogs.com/cnblogs_com/zym417/2026955/o_210907030208%E7%BB%98%E6%A2%A8%E8%A1%A3.png);"></div></a><div class="card-header"><div><a href="https://www.cnblogs.com/zym417/" target="_blank">zym417</a></div></div></div>
<div class="card"><a href="https://www.luogu.com.cn/user/122037" target="_blank"><div class="thumb" style="background: url(https://userpic.codeforces.org/1586384/title/dec637ebee38fabe.jpg);"></div></a><div class="card-header"><div><a href="https://www.luogu.com.cn/user/122037" target="_blank">AC_OIer</a></div></div></div>
<div class="card"><a href="https://www.luogu.com.cn/blog/666666new/" target="_blank"><div class="thumb" style="background: url(https://cdn.luogu.com.cn/upload/image_hosting/5evyonfd.png);"></div></a><div class="card-header"><div><a href="http://124.221.194.184/user/profile/yes" target="_blank">myyes</a></div></div></div>
<style>
.links-content
{
margin-top:1rem
}
.link-navigation::after
{
content:" ";
display:block;
clear:both
}
.cards
{
/*max-width: 100%;*/
display:grid;
grid-template-columns: repeat(4,1fr);
grid-template-rows: repeat(4,1fr);
/*grid-gap: 10px;*/
}
.card
{
/*width:9em;*/
min-width: 0;
min-height: 0;
font-size:1.15rem;
padding:0;
border-radius:4px;
transition-duration:.15s;
margin-bottom:1rem;
display:block;
float:left;
box-shadow:0 2px 6px 0 rgba(0,0,0,.12);
background:#f5f5f5;
margin-left:8px;
margin-right:8px;
}
@media(max-width: 417px){
.card{
font-size: 0.8rem;
}
}
@media(max-width:567px)
{
.cards{
grid-template-columns: repeat(2,1fr);
grid-template-rows: repeat(8,1fr);
}
}
@media(min-width:567px)
{
.cards{
grid-template-columns: repeat(3,1fr);
}
}
@media(min-width:768px)
{
.cards{
grid-template-columns: repeat(4,1fr);
}
}
.card:hover
{
transform:scale(1.1);
box-shadow:0 2px 6px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)
}
.card .thumb
{
width:100%;
height:0;
padding-bottom:100%;
background-size:100% 100%!important
}
.posts-expand .post-body img
{
margin:0;
padding:0;
border:0
}
.card .card-header
{
display:block;
text-align:center;
padding:.3rem .25rem;
font-weight:500;
color:#333;
white-space:normal;
line-height: 2.5;
}
.card .card-header a
{
font-style:normal;
color:#FACC2E;
font-weight:700;
text-decoration:none;
border:0
}
.card .card-header a:hover
{
color:#29797e;
text-decoration:none;
border:0
}
</style>
<div>
<div class="links-content">
<div class="link-navigation" id="links1"></div>
</div>
</div>