cssproject
.prj-row {display:flex;flex-wrap:wrap; border-left: #17599C solid;} .proj_banner { margin: 0 calc(50% - 30px) 0 calc(50% - 30px); } .prj-row > a {display:inline-block; width:100%;padding:8px;} .prj-row a > p { text-align:center;font-weight:600; }
@media screen and (min-width : 48em) { .ppi_body .in-body{flex-direction:row;}
.prj-row > a { display:inline-block; width:calc(33.33% - 20px); border:solid #17599C; border-width: 0px 4px 4px 0; padding: 16px 8px;}
.prj-row > a:hover{ background-color:#17599C;} .prj-row > a:hover > p{ color:#fff;}
.prj-row > a:last-child { border:solid #17599C; border-width:0px 4px 4px 0; }
}