How do i apply a border around media queries in html css?

Question

I want to add a border with all the columns inside it.if i use a div tag around all the elements it just makes a border around the heading please help. This is the code i us