SchmediumXL
SchmediumXL
PostsComments
KPCKevin Powell - Community
Created by SchmediumXL on 1/27/2024 in #front-end
How to straighten these rows?
I have cards with rows of data that may have variable length text. Right now, each div within a row, within a card, is independent from the other divs on the same row but in a different card. How do I make these grow to the tallest div in each row? https://codepen.io/Jason-Cabreros-the-sasster/pen/NWJwxWR
7 replies
KPCKevin Powell - Community
Created by SchmediumXL on 1/22/2024 in #front-end
How to align border-bottom with variable length text?
I have a 3 card/column layout using grid, where each card contains an image, title, and variable length text. I also have a border around just the title and text. (https://codepen.io/Jason-Cabreros-the-sasster/pen/JjzyYNm) Is there a way to stretch the border so they’re aligned at the bottom as well? I’d like to keep the images and descriptions together in one card: 
<div>
    <img>
    <div>description</div>
</div>
<div>
    <img>
    <div>description</div>
</div>
<div>
    <img>
    <div>description</div>
</div>
<div>
    <img>
    <div>description</div>
</div>
<div>
    <img>
    <div>description</div>
</div>
<div>
    <img>
    <div>description</div>
</div>
vs. 
<img>
<img>
<img>
<div>description</div>
<div>description</div>
<div>description</div>
<img>
<img>
<img>
<div>description</div>
<div>description</div>
<div>description</div>
4 replies