Pagination

This is laid out in a way to make it simple enough for someone with little to no technical knowledge in the subject matter. For this use case, choosing simple buttons with little else to accidentally click is paramount for the typical end user.

CSS Choices

The actual instructions are put into flex boxes and made so that each step is easily visually defined from one box to the next.

Flexibility

Flexibility is built into the CSS, allowing for any format of device to easily read the page. The above image is the same look and scale as the computer, but in phone format! This was an important element as the audience for the website skewed towards using mobile and tablet devices in general, but often learned using a PC to access the website tutorial itself.

HomeInteract with this demo