List as cards in preview mode

This css snippet helps to achieve this:

Just set property cssclasses=list_card_style and you are ready

Snippet:

.markdown-preview-view.list_card_style ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.markdown-preview-view.list_card_style ul li {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.391);
    padding: 15px;
    border-radius: 10px;
}


.markdown-preview-view.list_card_style .list-bullet {
    display: none;
}

6 Likes

Thank you very much for sharing

Simple and beautiful! Thanks for sharing!