Загрузка данных

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
body {
    margin:0;
    font-family:-apple-system, Arial;
    background:#f2f2f7;
}

/* сетка */
.grid {
    display:flex;
    flex-wrap:wrap;
    padding:5px;
}

/* плитка */
.card {
    width:48%;
    margin:1%;
    background:white;
    border-radius:16px;
    padding:20px 10px;
    box-sizing:border-box;
    text-align:center;
    
    /* эффект */
    box-shadow:0 3px 8px rgba(0,0,0,0.08);
    transition:0.2s;
}

/* при нажатии */
.card:active {
    transform:scale(0.97);
}

/* текст */
.name {
    font-size:15px;
    line-height:1.3;
}
</style>

<script>
function selectItem(id){
    window.external.Invoke('ВыбратьТовар', id);
}
</script>

</head>

<body>

<div class="grid">
%ТОВАРЫ%
</div>

</body>
</html>