Jump to content

card text + img


impts

Recommended Posts

 

How to make a text card responsively with images that are positioned to the right in an aligned way and with a certain distance from each one?

Title and subtitle on the left
different logos on the right
apply responsiveness

 

<section class="artx-product-2-bar">
  <div class="artx-product-2-container">
  <div class="artx-product-2-text">
  <h1>Lorem Inpsum</h1>
  <h3>Inpsum Inpsum.</h3>
  </div>
  <div class="artx-product-2-img">
    <div class="img-card">
    <img src="https://seeklogo.com/images/P/psg-fc-logo-BABEB8FE66-seeklogo.com.png" alt=""/>
    <img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Daxx-company-logo-250px.png" alt=""/>
    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/63/Toss-logo.png/1280px-Toss-logo.png" alt=""/>
    <img src="https://smartlogic.io/images/brand-assets/smartlogic-seal-teal-250.png" alt=""/>
    <img src="http://assets.stickpng.com/images/602e373fd9ced200045a579a.png" alt=""/>
    <img src="https://a.espncdn.com/i/teamlogos/soccer/500/18481.png" alt=""/>
    <img src="https://images.squarespace-cdn.com/content/v1/534671c6e4b0d9cd6f4770fd/1543512341154-QZQ4FAWK0WWEL9L9GP11/cub-logo-250px.png" alt=""/>
    <img src="https://images.squarespace-cdn.com/content/v1/602acbf2610d6f1042ea80b5/1617788587912-IMX3LKDVK32Q9KWW6OG2/LRB+Logo+250px.png" alt=""/>
    <img src="https://vipart.com.br/loja/image/cache/catalog/LOGO/250px-Google_Drive_logo-500x500.png" alt=""/>
    <img src="https://mlm2beeftytq.i.optimole.com/wKUcILA-E8h0YnJc/w:250/h:250/q:auto/https://www.serviceexpert.fr/wp-content/uploads/2020/11/logo-apple-250px.png" alt=""/>
    </div>
  </div>
  </div>
</section>
.artx-product-2-bar {
   width: 100%;
   height: auto;
   display: flex;
   justify-content: center;
   align-items: center;
 }

.artx-product-2-container {
}

 

img.png

Edited by impts
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...