Bootstrap Responsive Card thumbnail
This is an example for a responsive card thumbnail that can be designed HTML and CSS. Each card has the image, title and a description followed by a read more button. The img HTML element has been used to set the image to the thumbnail. The styles that are applied to the entire page are height as 100%, width as 100%, background as #FFF, font family as 'Roboto', sans-serif, and font weight as 400. The font weight is the style that is used to set the bold value of the font. Media queries in the CSS file have been used to make the card thumbnails responsive with the values of min width as 450px, min width as 760px, and min width as 900px. resulting this example to be responsive for three screen resolutions.
credits - https://codepen.io/wisnust10/pen/BKjNNR