I am facing an issue where I have an image and a description inside a panel panel-default
. The image is floated to the left while the description is on the right side.
The image has the img-responsive
class so that it adjusts according to the panel body when the window is resized.
Now, I want to achieve the same effect with the description as well. I want it to be vertically aligned with the panel and resize along with the panel body when the window size changes.
So far, I have tried adjusting the CSS properties of the description using classes like vertical-center
, but it hasn't worked as expected.
What would be the most effective solution to solve this alignment issue?