User:Flashjay/testbox table styling 04

Cover2 Cover2 Cover3 Cover3 Cover4 Cover4 Cover1 Cover	3	4
note

Test cover issue.jpg Test_NOcover_issue.png Test 1 cover issue.png Test 2-4 cover issue.png

2 covers stacked using css grid. change css code to resee both.

hide small cover show big cover:

span[id^="hide1"]:target ~ div[id^="toast1"] { order: 4; }

<a href="#detailView-1">Show View1</a>

<p id="detailView-1">View1</p>

<a href="#detailView-2">Show View2</a>

<p id="detailView-2">View2</p>

Show View1

View1

Show View2

View2