cssproject

by Pawint Saeku @12 มี.ค. 67 15:36 ( IP : 10...34 ) | Tags : css

.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; } }

Relate topics