About Websites Page - Style and make Responsive

I have an “About Websites” page that is a summary page for my 5 web sites. Here is the link to that page: [login to view URL] Here is the link to the home page for my main website: [login to view URL] You will see the the “About Websites” page is the first ‘link’ in the Top Nav. The ‘other’ 4 websites are also listed in the Top Nav to the right of 'About Websites' page. The purpose of this page is to provide a quick reference (and links) to all 5 of my websites. It is an overview page. The links to the other page are in the 1st column. Both the image and the url are active 'links' It is currently set up in 2 different methods (duplicate info in both methods) Method number 1 is a 3 x 5 table created using WordPress (HTML code). Method number is is 3 columns. Method number 1 looks OK but it would need some padding inside containers. It is NOT responsive. Method number 2 only works on a computer size screen. There are no containers for the 5 sets of information within each column. So when viewed on a small screen (e.g. phone) the columns do not match up horizontally. I only want this info once. The 2 sets I currently have are my ‘attempts’ to make it work. Here is what I ultimately want and need. Option #1 - 3 column of information - 5 rows of information - Responsive design so that: Column 1, Row 1 is first, Then Column 2 Row 1, then Column 3 Row 1 when viewed on the smallest devices.. Then Row 2 into, then Row 3 info, etc. Option #2 Stay with the WordPress 3x5 grid layout as it is readable on the small screen, Style so that ‘padding’ exists within each individual grid container. I do not believe this should be too difficult for someone familiar with HTML and CSS