What is it with the AI love for cards?

Wappler General
1

Seems no matter how simple I make a request the AI assistant always adds cards and I have to go and spend time removing them.

Something as simple as "Add a new row with three columns" results in ...

 <div class="row mt-4">
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Column 1</h5>
                    <p class="card-text">Content for the first column goes here.</p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Column 2</h5>
                    <p class="card-text">Content for the second column goes here.</p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Column 3</h5>
                    <p class="card-text">Content for the third column goes here.</p>
                </div>
            </div>
        </div>
    </div>
2

Depends on the model you are using.
Also you can just tell the AI something like: "remove the cards from the columns" so it can edit the code for you.

1 Like
3

At least its not trying to convert your code-base to React (or more recently Rust).

:joy:

3 Likes