tarasis
/
rmcg.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
rmcg.dev/projects/random/minimal-styling/index.html

57 lines
2.6 KiB
HTML
Raw Normal View History

Base files to work through for 2 Kevin Powell videos This is my attempt at copying the html that Kevin used in two of his videos, the first about minimal styling and other about limited css
2024-01-29 21:56:25 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minimal Styling riffing off Kevin Powell</title>
Roughly how CSS is at end of "How to make a nice site with less CSS" Different color scheme, and fonts. Slightly different line heights for body and h3 based on how it looked. Different marker color as my li's are links
2024-02-02 04:03:01 +01:00
<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=Nunito:wght@700&family=PT+Sans:wght@400;700&display=swap"
rel="stylesheet">
<!-- <link rel="stylesheet" href="style.css"> -->
<link rel="stylesheet" href="style-new.css">
Base files to work through for 2 Kevin Powell videos This is my attempt at copying the html that Kevin used in two of his videos, the first about minimal styling and other about limited css
2024-01-29 21:56:25 +01:00
</head>
<body>
Changes per end of "Stop over-engineering your CSS" video
2024-02-01 21:08:51 +01:00
<main>
Roughly how CSS is at end of "How to make a nice site with less CSS" Different color scheme, and fonts. Slightly different line heights for body and h3 based on how it looked. Different marker color as my li's are links
2024-02-02 04:03:01 +01:00
<article class="wrapper flow">
<h1>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem, ratione?</h1>
<img src="./IMG_0030.JPG" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta ducimus consectetur magni vero eum, autem
et
in
placeat reiciendis doloremque. Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta ducimus
consectetur magni vero eum, autem et in placeat reiciendis doloremque.
</p>
<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h2>
<h3>Lorem, ipsum dolor.</h3>
<img src="IMG_0468.JPG" alt="">
<p></p>
<h3>Lorem ipsum dolor sit amet consectetur.</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio pariatur dolores nihil quas. Praesentium
maxime
accusamus ipsam architecto debitis expedita?</p>
<ul>
<li><a href="">Lorem ipsum dolor sit amet consectetur adipisicing.</a></li>
<li><a href="">Lorem ipsum dolor sit amet consectetur adipisicing.</a></li>
<li><a href="">Lorem ipsum dolor sit amet consectetur adipisicing.</a></li>
</ul>
<fieldset>
<form action="">
<label for="name">Name<input type="text" name="name" id="" placeholder="Enter your name"></label>
<label for="email">Email<input type="email" name="email" id=""
placeholder="Enter your email address"></label>
<label for="message">Message
<textarea id="message" name="message" rows="4" cols="50"
placeholder="Your message here"></textarea>
</label>
</form>
</fieldset>
<img src="./IMG_0835.JPG" alt="">
</article>
Changes per end of "Stop over-engineering your CSS" video
2024-02-01 21:08:51 +01:00
</main>
Base files to work through for 2 Kevin Powell videos This is my attempt at copying the html that Kevin used in two of his videos, the first about minimal styling and other about limited css
2024-01-29 21:56:25 +01:00
</body>
</html>