AI changes sugestted

deepseek propose this changes based in the prompt:

a small thumbnail cropped 100x100px and truncated title link and truncated post

<style>
    .containerScrolling { max-width: 960px; }
    .containerScrolling ul, .containerScrolling li { padding:0; list-style:none; margin:0; }
    .data-list-Scrolling {
        height: 380px;
        width: 100%;
        max-width: 400px;
        padding: 0;
        overflow-y: hidden;
        border: 1px solid #ddd;
        background: #fff;
    }
    .data-list-Scrolling li {
        display: flex;
        gap: 15px;
        align-items: flex-start;
        padding: 10px;
        border-bottom: 1px solid #eee;
        min-height: 120px;
    }
    .data-list-Scrolling li:last-child { border-bottom: none; }
    .hide-scrollbar::-webkit-scrollbar { display: none; }
    .scrollColor:hover { color:#682607; }
</style>

<li style="display: flex; gap: 15px; align-items: flex-start; padding: 10px; border-bottom: 1px solid #eee; min-height: 120px;">
    <div style="flex: 0 0 100px;">
        <?php if (has_post_thumbnail()) : ?>
            <?php the_post_thumbnail(array(100, 100), array('style' => 'width:100px; height:100px; object-fit:cover; border-radius:4px;')); ?>
        <?php else : ?>
            <img src="https://via.placeholder.com/100x100?text=No+Image" width="100" height="100" style="border-radius:4px;">
        <?php endif; ?>
    </div>
    <div style="flex: 1;">
        <h4 style="margin:0 0 8px 0; font-size:16px;">
            <a class="scrollColor" href="<?php the_permalink(); ?>" style="text-decoration:none; color:#333;">
                <?php echo mb_strimwidth(get_the_title(), 0, 60, '...'); ?>
            </a>
        </h4>
        <p style="margin:0; font-size:14px; color:#666; line-height:1.5;">
            <?php 
            $excerpt = get_the_excerpt();
            echo mb_strimwidth($excerpt, 0, 180, '...');
            ?>
        </p>
    </div>
</li>

that's all