0 added
2 removed
Original
2026-01-01
Modified
2026-02-21
1
-
<p>Course updated on December 29, 2025</p>
2
<p><a>Subscribe</a></p>
1
<p><a>Subscribe</a></p>
3
<p>Access this and all courses with a subscription</p>
2
<p>Access this and all courses with a subscription</p>
4
<p>What's included</p>
3
<p>What's included</p>
5
<p>8 lessons (video and/or text)</p>
4
<p>8 lessons (video and/or text)</p>
6
<p>6 exercises in the simulator</p>
5
<p>6 exercises in the simulator</p>
7
-
<p>Extended materials for 8 lessons</p>
8
<h2>Description</h2>
6
<h2>Description</h2>
9
<p>The layout of elements on a page is a vast subject with plenty of peculiarities. They can be taken into account once you know the fundamental rules of CSS and how to control the flow of documents within the HTML markup. This course will walk you through the basic principles of element positioning step-by-step through practice</p>
7
<p>The layout of elements on a page is a vast subject with plenty of peculiarities. They can be taken into account once you know the fundamental rules of CSS and how to control the flow of documents within the HTML markup. This course will walk you through the basic principles of element positioning step-by-step through practice</p>
10
<h2>You will learn</h2>
8
<h2>You will learn</h2>
11
<ul><li><p>Control the document flow by being aware of how the browser works</p>
9
<ul><li><p>Control the document flow by being aware of how the browser works</p>
12
</li>
10
</li>
13
<li><p>Put into practice all types of HTML element positioning</p>
11
<li><p>Put into practice all types of HTML element positioning</p>
14
</li>
12
</li>
15
<li><p>Create interactive pages while understanding the essence of the layout</p>
13
<li><p>Create interactive pages while understanding the essence of the layout</p>
16
</li>
14
</li>
17
</ul><h2>Challenges</h2>
15
</ul><h2>Challenges</h2>
18
<p>1</p>
16
<p>1</p>
19
<p>Timeline</p>
17
<p>Timeline</p>
20
<p>2</p>
18
<p>2</p>
21
<p>Modal Box Positioning</p>
19
<p>Modal Box Positioning</p>
22
<p>3</p>
20
<p>3</p>
23
<p>Custom Checkbox</p>
21
<p>Custom Checkbox</p>
24
<p>4</p>
22
<p>4</p>
25
<p>Drop Down Menu</p>
23
<p>Drop Down Menu</p>
26
<h2>Recommended programs</h2>
24
<h2>Recommended programs</h2>
27
<ul><li><p>Run code right in the browser</p>
25
<ul><li><p>Run code right in the browser</p>
28
</li>
26
</li>
29
<li><p>Lifetime access</p>
27
<li><p>Lifetime access</p>
30
</li>
28
</li>
31
<li><p>Learn at your own pace</p>
29
<li><p>Learn at your own pace</p>
32
</li>
30
</li>
33
</ul><p><a>Subscribe</a></p>
31
</ul><p><a>Subscribe</a></p>
34
<p>Access this and all courses with a subscription</p>
32
<p>Access this and all courses with a subscription</p>