Applying a MAUI mobile application

We are now at the seventh sprint of our development for DemoEditor. The directors are so happy with our GUI interface that they now want to have it everywhere with them, and ask for a mobile version of the application. Luckily for us, we designed right from the beginning in a “mobile first” way. Wait a minute… Did we?

The benefits of a responsive interface

In fact, everything was created in a mobile-first way except for the grid I created with simple HTML dumped in text. But let’s just replace this <table> content in Books.razor with the following, in order for the table lines to be changed into data cards:

<div class="container">
@foreach (var book in books)
{
    <div class="row">
        <div class="col-xl">
            <div class=&quot...