Search⌘ K
AI Features

The Testimonials Section

Explore how to build a testimonials section in an Airbnb clone layout using Bootstrap 4. Learn to implement cards with images, customize star ratings, and adjust CSS for responsive and styled components to closely mimic the design.

Make the changes

Here is a live code environment to try the changes suggested in the lesson.

The testimonials section

We'll use an <h2> element, and we'll follow it up with three cards with images on top. Each of the three cards will have a little media object at the bottom. Also, we need to decide how to add the stars. Should they change on hover or should we take the easy route and display static star icons? Therefore, we'll add four-star icons if there is a four-star rating. With this tiny bit of planning, we'll know what it will take to build this.

Here is the link to the official documentation of Bootstrap 4 components. To discover more about the cards and media objects from the official ...