Websites design - © 2022 - Grzegorz Szyjewski
Exercise 5 - tabs
Code example from:
w3schools bootstrap - tabs
1. Create your own stylesheet file and add it to head section.
2. Add new class to tabs container fe. border-page
3. Define style for the class border-page that displays border aroud the page content like shown on a picture below.

4. Force tabs container (the one with new borders) to be the same height as its content (use overflow:auto;)
5. Rename tabs and fill with some content like photos and texts.
6. Use columns to make content responsible ( col-[screen_size]-[number_of_cols] )
7. Use text alignment and styles like color and background to make page more readable.