Card_excerpt SC.. and+ _06n500 tests


[ sc name=”card_excerpt”][ /sc] Cardstart: pw5
A/ frame_02 - simply a VAR post_wrap: pw5 If float is required then the width needs to be controlled by width or 1px image.. IF (Float + no width:100%) THEN the container shrinks
crop_02 | contain_02: title_02, body_02, enclosed_content
News02


Enclosed ..
The absence of the px_l class in cases when the text amount does not push the container full width, causes the card not to reach full width.

B/ frame_02 - The VAR post_wrap: pw5 & WITH px_l class & px_l class (or even better, width:100%)
crop_02 | contain_02: title_02, body_02, enclosed_content
News02


Enclosed ..


C/ NO frame_02
crop_02 | contain_02: title_02, body_02, enclosed_content
News02


Enclosed ..


frame_02 - The VAR post_wrap: pw5 + px_l float:left; width:100%; height:100%;
contain_06n5


Enclosed ..


frame_02 - The VAR post_wrap: pw5 + width:100%
contain_06n5


frame_02 - The VAR post_wrap: pw5 + width:100%
contain_06n5


Enclosed ..


pw5
contain_06n5 card_06n5
.contain_06n5
.card_06n5
Edit SC



Cardstart: section class=wrap_06n500

contain_06n500 card_06n500






Card_excerpt SClogic_card_height
Cardstart: section class=wrap_06n5
wrap_06n5YYY {padding:0 5px 7px; border:2px dotted red; margin:0 0.4vw 0.4vw 0; height:max-content; overflow:hidden;}  
@media (min-width:1025px) {.wrap_06n5YYY {background:rgba(240,240,252,1);}}

contain_06n5YYY card_06n5YYY
.contain_06n5YYY {float:left; position:relative; top:0; left:0; width:50%; background:rgba(0,200,230,0.3); border:2px dashed dodgerblue;}
@media (min-width:1025px) {.contain_06n5YYY {height:12vw;}}

.card_06n5YYY {position:absolute; width:100%; height:100%; box-shadow:0px 7px 10px rgba(0,0,0,0.5); border:0px dashed red; border-radius:10px;}