I need to create and test some basic HTML and CSS code

Hello,

I hope you are well. I have a requirement to create and test some basic HTML and CSS code.

I have some basic information in a table that I would like to see written in HTML/ CSS and added to a test page so I can see how it looks on Desktop, Ipad and Mobile. The reason that I am doing this is because I need to see and know what solution will work best overall across desktop, Ipad and Mobile.

There are 2 methods that I would how I would like the information coded and displayed or me to review:

1. 'Collapsed', where the primary left hand column of the table (legend) is fixed in one place, and then the user can scroll from left to right to view the details on each of the different packages (see basic example attached).
See attached table and information that I would like to use.

2. I would also like to see this information in a format similar to this https://www.yoyogames.com/en/get where the user can press on the package heading at the top of the page and then all of the information for that package is displayed below.

I look forward to hearing from you.

Regards

Daniel