With Cypress, you can easily create tests for your modern web applications, debug them visually, and automatically run them in your continuous integration builds.

Cypress Community

i see that the css attribute is changing with different viewports. How do i test this in cypress? grid-template-columns: repeat(2,1fr) is not listed in inspect elements. Its an attribute of .category-products__cards

Can you use a different viewport width/height and run the test multiple times to catch the different cases?

i dont know how to catch the "grid template collumns" in the first place

while testing manuallly in chrome enviroment i can see that the CSS attribute changes correctly, when changing viewports

but i want to write a code for cypress anddont know how to continue

cy.visit("https://www.gintarine.lt/akcijos-4")
    cy.viewport('iphone-6')
    cy.get('.category-products__cards').should('have.css')

i tried should contain grid-template-columns: repeat(2,1fr) , but it doesn't work