在html中針對一個小block自定義CSS效果

custom-css-inside-block.html

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
    .google-review-img{
    background-color: #2693B0;
    text-align: center;  
    display: block;
    max-width:100%;
    width:100%;
    }

<!-- RWD功能：寬度小於479px的裝置，google-review-img class中的img標籤，圖片大小設定為300px -->

@media screen and (max-width: 479px) { 
    .google-review-img img {
        max-width: 300px;
    }
}


</style>

<div class="google-review-img">
<img src="assets/images/placeholders/google-review.png" alt="Google Review">
</div>