Image and Content for the Profile Card
Learn how to import images and alter the content of the profile card.
We'll cover the following
Importing image
Image is the primary focus of our card, and the other content surrounding it supports it. First, we'll use the card-overlay snippet given below for our website. The card-overlay snippet uses Bootstrap classes that allow the text to overlay the image present in the card.
We set the height of the .card-img
using CSS on line 16 to avoid any overflow. Let's see it in action.
Get hands-on with 1400+ tech skills courses.