Hey coders and welcome to another exciting blog post. Today, i'll explain the concepts of making this responsive testimonial cards and i'll also link the source code files at the bottom of the page. In this project, I used HTML & CSS.
HTML
For HTML, I made a wrapper and a few cards. Inside the cards we have quote symbol, content, name, job/work, stars rating and photo. You might have wondered how I made this responsive. Mainly, I added a meta scale tag and also used media queries in CSS.
CSS
In CSS, I styled all the components above. I used media queries to make the cards responsive. The number of cards shown in a row changes according to the screen size.
If you can't understand my explanation, do watch the video tutorial I have below. Till the next post, goodbye!
Post a Comment