controlling media boxes in demo-pet.html

I am building my site with media boxes as demonstrated in demo-pet.html. Specifically, I am copying the top 4 media boxes (Adopt a Dog, Pet Nutritionists, Find a pet Sitter, Health & Well-being). The demo-pet.html example does not use any portfolio code for those top 4 boxes.

I am trying to limit the number of columns to a minimum of 2 in portrait mobile, but all the tech support articles that I could find talk apply to the portfolio class, which the top 4 media boxes in demo-pet.html doesn't use.

How can I make the top 4 media boxes on demo-pet.html be displayed in 2 columns on portrait mobile? Right now portrait mobile is displays 1 column of four boxes.

I would also like to use hash filtering with the above media boxes, but again, the tech support database just shows how to do it with the portfolio class, and the top 4 media boxes in demo-pet.html don't use the portfolio class.

I love your ability to filter portfolio items as demonstrated in:

portfolio-hash-filter.html

Is it possible to filter Feature Boxes in a similar way? For example the top 4 Feature Boxes (Adopt a Dog, Pet Nutritionists, Find a pet Sitter, Health & Well-being) in:

demo-pet.html

I finally found the solution. I need to built a portfolio structure and insert the Pet demo feature boxes code within the portfolio structure.

I found part of the solution. I need to built a portfolio structure and insert the Pet demo feature boxes code within the portfolio structure.

Not sure yet how to limit a portfolio to displaying 2 columns on mobile portrait. Right now it always shows portfolio in a single column on mobile portrait.