adi radian adi radian - 1 year ago 71
CSS Question

make thumbnail croped by half html

hello im using bootstrap3,
i have 3 inline thumbnail with image and i want to the last thumbnail got crop by half.
can some of you help me to solve this proplem guys.
i tried with overflow hidden. but the height of cropped thumbnail with the normal thumbnail become not the same

my css is like this

display: inline-flex;
margin-top: 10px

heres the link for my js fiddle

Answer Source
  display: flex;

.thumbnail {
  flex:0 0 45%;

.thumbnail img {

.thumbnail.crop-image {
  flex:0 1 10%;

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download