-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
47 lines (42 loc) · 3.25 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Day 02</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:[email protected]&display=swap" rel="stylesheet">
</head>
<body>
<div class="main">
<div class="one main-children">
Generating random paragraphs can be an excellent way for writers to get their creative flow going at the beginning of the day. The writer has no idea what topic the random paragraph will be about when it appears. This forces the writer to use creativity to complete one of three common writing challenges. The writer can use the paragraph as the first one of a short story and build upon it.
</div>
<div class="two main-children">
A random paragraph can also be an excellent way for a writer to tackle writers' block. Writing block can often happen due to being stuck with a current project that the writer is trying to complete. By inserting a completely random paragraph from which to begin, it can take down some of the issues that may have been causing the writers' block in the first place.
</div>
<div class="three main-children">
Another productive way to use this tool to begin a daily writing routine. One way is to generate a random paragraph with the intention to try to rewrite it while still keeping the original meaning. The purpose here is to just get the writing started so that when the writer goes onto their day's writing projects, words are already flowing from their fingers.
</div>
</div>
<div class="section-1">
<h1 class="main-h">Units in CSS</h1>
<p class="main-p">em | rem</p>
<hr>
<div class="sub-section-1">
<div class="em">
<h1>em</h1>
<p class="p1">All the fonts sizes in this column are set using ems.</p>
<p class="p2">The concept of CSS responsiveness revolves around making websites or web applications flexible and adaptable to various screen sizes and devices. By utilizing CSS media queries and other strategies, developers can ensure that the content and design of a webpage are displayed appropriately on different devices, including desktop computers, tablets, and smartphones. This allows users to have a consistent and user-friendly experience regardless of the device they are using.</p>
</div>
<div class="rem">
<h1>rem</h1>
<p class="p1">All the fonts sizes in this column are set using rems.</p>
<p class="p2">CSS responsiveness is all about making websites or web applications responsive and adaptable to different screen sizes and devices. By employing CSS media queries and other techniques, developers can ensure that the layout and design of a webpage adjust dynamically based on the device it is being viewed on. This ensures that users can access and interact with the content in an optimal and user-friendly manner, regardless of whether they are using a desktop computer, tablet, or mobile phone.</p>
</div>
</div>
</div>
</body>
</html>