JSFiddle - React, Tailwind, and code Playground

by Alexandr Loginov

HTML

<div class="table_cell_top center_cell">
				<div class="global_bread">
					<a href="#">Главная</a> / <span>Каталог шин</span> / <span>Шина кама ирбис 502</span>
				</div>
				<div id="vendor_cell">
					<div class="v_item">
						<a href="#">
							<img src="images/v.jpg" alt="Поставщик 1" >
							<p>TRIANGLE</p>
						</a>
					</div>
					<div class="v_item">
						<a href="#">
							<img src="images/v.jpg" alt="Поставщик 1" >
							<p>TRIANGLE</p>
						</a>
					</div>
				</div>
			</div>

CSS

#vendor_cell .v_item a {
  display: block;
  width: 100px;
  text-align: center;
  float: left;
  margin: 8px 18px 8px 0;
}
#vendor_cell .v_item a img {
  width: 100%;
}
#vendor_cell .v_item a p {
  font-size: 14px;
}