JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<footer>
	<div class="footer-content effect7">
		<div id="footer-sidebar" class="secondary">
			<div class="footer-sid">
				<div id="text-4" class="foot widget widget_text">
					<div class="textwidget">
						<p><img class="alignnone size-medium wp-image-13333" src="http://kssystems.pro/wp-content/uploads/2019/01/logo-l-320x398.png" alt="" width="320" height="398" />
							<br /> <img class="aligncenter wp-image-13160 size-medium" src="http://kssystems.pro/wp-content/uploads/2018/11/logo-k-320x398.png" alt="" width="320" height="398" /></p>
					</div>
				</div>
			</div>
			<div class="footer-sid">
				<div id="nav_menu-3" class="foot widget widget_nav_menu">
					<div class="menu-menu-container">
						<ul id="menu-menu-2" class="menu">
							<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-13034"><a href="http://kssystems.pro">Главная</a></li>
							<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13231"><a href="http://kssystems.pro/o-kompanii/">О нас</a></li>
							<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13170"><a href="http://kssystems.pro/kontakty/">Контакты</a></li>
							<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77"><a href="http://kssystems.pro/shop/">Каталог</a></li>
							<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13261"><a href="http://kssystems.pro/partnery/">Партнеры</a></li>
							<li class="wpmenucartli wpmenucart-display-standard menu-item" id="wpmenucartli"><a class="wpmenucart-contents empty-wpmenucart" style="display:none">&nbsp;</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="footer-sid">
				<div id="text-2" class="foot widget widget_text">
					<div class="textwidget">
						<p><strong>Наш адрес:</strong> г. Кемерово, ул. Базовая 5-б офис 222</p>
						<p><strong>График работы:</strong> Пн-Сб...

CSS

footer {clear: both;
  color: #dbdbdb;
  font-size: 11px;
  margin-top: 30px;
  background: #646464;
  background: url(http://kssystems.pro/wp-content/uploads/2019/01/overlay6.png) repeat rgba(127, 127, 127, 1);
}
.footer-content {
  margin: auto;
  padding: 10px 0;
  height: auto;
}

.footer-heading {
  font: 14px 'Oswald', sans-serif;
  color: #fff;
  border-bottom: 1px solid #919191;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.secondary {
  margin: 35px auto 20px;
  padding: 0;
  list-style: none;
  position: relative;
  width: 90%;
  text-align:center;
  overflow: hidden;
}
#footer-sidebar{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.footer-sid {
  /*бордер можно убрать*/
  border: 1px solid #000000;
  position: relative;
  width: 25%; /* фолбэк */
  width: -webkit-calc(95.4% / 4);
  width: calc(95.4% / 4);
  padding: 0.46%;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-sid li {
  list-style-type: none;
}

.footer-sid img {
  width: 50%;
  height: auto;
}

.footer-sid a {
  display: inline-block;
  text-decoration: none;
}

footer a {
  color: #dbdbdb;
}

footer p {
  margin: 5px 0;
}
.footer-logo {
  text-align: center;
}