Tech School

User Tools

Site Tools

Trace: • padding_margin • predefined_html • attributes • javascript
en:web_development:layout:padding_margin

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
en:web_development:layout:padding_margin [2021/12/13 05:15]
mag [Web Development Lesson 4 - Layout] 		en:web_development:layout:padding_margin [2023/08/16 09:33] (current)
Line 126: Line 126:
   * Add this to your '.content' CSS and check the results.   * Add this to your '.content' CSS and check the results.
   * As 'inline-block' elements, they will fill up the line then drop to the next line when the first is full. Try making the blocks wider to see this in action.   * As 'inline-block' elements, they will fill up the line then drop to the next line when the first is full. Try making the blocks wider to see this in action.
-<code>  width: 300px;</code>+<code>  width: 450px;</code>
   * This width should stretch them out to nearly take up the screen. You can then unmaximise the window and change its size to see how the elements respond.   * This width should stretch them out to nearly take up the screen. You can then unmaximise the window and change its size to see how the elements respond.
  
 [[en:web_development:layout:php|Next: Maintaining Consistency with PHP]] [[en:web_development:layout:php|Next: Maintaining Consistency with PHP]]
en/web_development/layout/padding_margin.1639401314.txt.gz · Last modified: 2023/08/16 09:33 (external edit)

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki