Link to home
Start Free TrialLog in
Avatar of David Schure
David Schure

asked on

Image Bottom is Cut-Off

The bottom part of the image is getting cut-off.  I tried making the image less high.   That did not work.  Any help is appreciated.

<div class="standard-post-item">
                    <div class="featured-image">
                        <a href="11-Blog-Single-Post.html">
                            <div class="featured-overly"></div>
                            <img src="resources/images/TeamSchure.png" alt="Team Schure">
                        </a>
                    </div>
                    <div class="post-text">
                        <div class="post-heading">

Open in new window


http://www.mediascrubber.com/21-About-Us.html
ASKER CERTIFIED SOLUTION
Avatar of Bill Prew
Bill Prew

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of David Schure
David Schure

ASKER

Perfectly done!  Thank you!
Hi,

You already use Bootstrap
for a better result you should use column and display each image separately so it can be resize on small view.
using the helper class: https://getbootstrap.com/docs/4.0/content/images/
You shouldn't even need the height: 100% - just remove the height style altogether.

Also take note you have several media queries that all specify heights for that image.