Для того чтобы карточки товаров занимали весь экран веб-приложения, можно применить следующие CSS стили:
1. Установите ширину карточек товаров в 100%:
```css
.card {
width: 100%;
}
```
2. Уберите отступы и границы у карточек товаров:
```css
.card {
margin: 0;
padding: 0;
border: none;
}
```
3. Установите отступ справа на нулевое значение для контейнера, в котором находятся карточки товаров:
```css
.card-container {
margin-right: 0;
}
```
Таким образом, применяя вышеуказанные стили к вашим карточкам товаров, вы сможете настроить их так, чтобы они занимали всю ширину экрана и не имели отступов справа.