#Some CSS Tests

Test
MickSlash 2020-07-07 15:02:07 +02:00
parent 1896ea1fea
commit aa33fe90cf
1 changed files with 31 additions and 1 deletions

View File

@ -49,6 +49,26 @@
margin-top: 10px; margin-top: 10px;
} }
} }
@media (max-width: 1624px) {
.img-fluid{
height: inherit;
}
}
.lastimagecomments {
/* classe utilizzata per ridimensionare le immagini relative agli ultimi commenti scritti */
height: 150px!important;
width: 100px!important;
}
.table td,.table th {
border-top: none!important;
}
.pfont{
font-size: 15px;
color: white;
}
.commentsmedia{
font-size: 12px;
}
</style> </style>
</head> </head>
<body> <body>
@ -81,7 +101,17 @@
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<div class="card text-center"> <div class="card text-center">
<h1>HELLO</h1> <div class="container">
<h3>ULTIMI COMMENTI</h3>
<table class="table table-hover">
<tr class="row no-gutters">
<th><img src="https://lordchannel.com/wp-content/uploads/2020/04/8WUVHemHFH2ZIP6NWkwlHWsyrEL.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
<td class="mt-2"><p class="pfont">BLOODSHOT</p>
<p class="text-muted commentsmedia">Ciao sono un commento...</p>
</td>
</tr>
</table>
</div>
</div> </div>
</div> </div>
</div> </div>