impts Posted January 29, 2022 Share Posted January 29, 2022 (edited) 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 { } Edited January 29, 2022 by impts Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now