.examples-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:4%}.examples-wrapper .examples-item-wrapper{display:inline-block;width:22%;flex-basis:22%;overflow:hidden;margin:15px 0}.examples-wrapper .examples-item-wrapper .examples-item{margin:0 auto}.examples-wrapper .examples-item>a:first-child{display:block}.examples-item .example-thumbnail-wrapper{position:relative;width:100%;height:0;padding-bottom:75%;border:1px solid #aaa;margin-bottom:6px}.examples-item .example-thumbnail-wrapper .example-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%}.examples-item a:hover .example-thumbnail-wrapper{border-color:#35b7ff}.examples-item .example-title,.examples-item .example-author,.examples-item .example-template{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.examples-item .example-title{font-size:16px;font-weight:600}.examples-item .example-author,.examples-item .example-author a,.examples-item .example-template{font-size:13px;color:#999}.examples-item .example-author a:hover,.examples-item .example-author a:active{color:#ccc}.likes{font-size:13px;color:#999;display:block}@media screen and (max-width:1200px){.examples-item .example-title{font-size:14.5px}}@media screen and (max-width:900px){.examples-wrapper .examples-item-wrapper{width:30.66%;flex-basis:30.66%}}@media screen and (max-width:600px){.examples-wrapper .examples-item-wrapper{width:48%;flex-basis:48%}.examples-item .example-author,.examples-item .example-author a,.examples-item .example-template{font-size:12px}}