Differences

This shows you the differences between two versions of the page.

--- web_design:horario:margins_padding [2021/10/11 13:52]
mag
+++ web_design:horario:margins_padding [2023/08/16 09:33] (current)
@@ Line 2: / Line 2: @@
 ===== Padding and Display =====
 ==== Objective ====
-In this activity we'll adjust the spacing between cells and within cells to make it more readable.
+In this activity we'll adjust the spacing between cells and within cells to make it more readable. We'll also look at various display options used to position elements in relation to each other.
 ==== Setup ====
   * Continue using your [[https://jsfiddle.net|jsfiddle]] with your code from the previous activity. It should look like this.
@@ Line 81: / Line 81: @@
 <code>display: none;</code>
   * What happened? The data cells should disappear.
+  * This option isn't much use on its own as noone would ever see the content. It's only useful when using Javascript to change an element's visibility based on content or user action.
   * To restore the table, remove the code <html>display: none;</html>
 [[web_design:horario:selectors|Next: Selectors]]

Tech School