.u1-card1 - class

card-class (beta)

We named it with the prefix "1" to prevent compatibility-issues if we like to change behavoir

Usage

<article class=u1-card1>
    <img src="https://picsum.photos/800/400" width=800 height=400 style="padding:0" alt="image">
    <h1>Card 1</h1>
    <div class=-body>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos porro pariatur ducimus aut?
        Saepe vitae sequi doloribus perspiciatis quae? Fuga, exercitationem voluptatum facilis
        necessitatibus qui incidunt? Magnam non perferendis iure.
    </div>
    <div style="background:#eee">
        <div class=u1-flex style="justify-content:flex-end">
            <button>button 1</button>
            <button>button 2</button>
        </div>
    </div>
</article>

.u1-card1 {
}

Install

<link href="https://cdn.jsdelivr.net/gh/u1ui/[email protected]/card1.min.css" rel=stylesheet>

Demos

minimal.html
test.html

About

• MIT License, Copyright (c) 2022 (like all repositories in this organization)
  
• Suggestions, ideas, finding bugs and making pull requests make us very happy. ♥