-
Notifications
You must be signed in to change notification settings - Fork 0
/
learnings.html
29 lines (27 loc) · 1.74 KB
/
learnings.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Learnings</title>
<!--Links (stylesheet, google fons, fontawsome)-->
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="Images/favicon.ico">
<link href="https://fonts.googleapis.com/css2?family=Sanchez&family=Spartan:wght@700&display=swap" rel="stylesheet">
</head>
<body class="presentation-body">
<h1 class="heading">Learnings from this brief</h1>
<ul class="list">
<li>Never use <span>var</span>, use <span>let</span> or <span>const</span>.</li>
<li>Use <span>IDs</span> on sections so that they can be referenced and linked to in your <span>navbar</span>.</li>
<li><span>Canva</span> is great, <span>easy</span> to use, get <span>inspiration</span> or color palettes from and you can adjust the colors in the element/photos to match.</li>
<li>Try <span>mobile first</span> web design in the next project, easier to make it <span>responsive</span>.</li>
<li>Write down your <span>learnings</span> so that you realise you're making <span>progress</span>.</li>
<li>To <span>explain</span> something to someone else is a great way to put something in words and to <span>simplify</span> it to yourself.</li>
<li><span>Comments</span> are awsome!</li>
<li>Make a list of <span>must-haves</span> and <span>nice-to-haves</span> to keep you focusing on the right things.</li>
<li>For the next project, don't use pure <span>black</span> or <span>white</span> on your page, it's best practice.</li>
<li><span class="if">if</span> (<span class="stuck">stuck</span>) {<span class="take-break">take break</span>}!</li>
</ul>
<a href="index.html">Go back to website</a>
</body>
</html>