Answers for "restricting size of images in css"

make an image smaller css

css:
.example-class {
    width: 400px;
    height: auto;
}

html:
<img class="example-class" src="example.jpg"/>

how to resize after image in css

<a href='foo.pdf'class='pdflink'>A File !</a>

/* .pdflink:after {
    content: url('/images/pdf.png')
} */

.pdflink:after {
    background-image: url('/images/pdf.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px;
    height: 20px;
    content: "";
}