costumize the size of the product on mobile

I used this code below to modify my list of “featured collections “on my home page for mobile, the size of my product changed like I hoped, but I want to change the size of them title and price, but I can’t find the right code to do it can you help me please

@media only screen and (max-width: 719px) {

.shop-columns-mobile-1 ul.products,

.shop-columns-mobile-1 .wc-block-grid .wc-block-grid__products {

grid-template-columns: repeat(2,1fr);

}