HTML&CSS Basics: CV Setup

[ ] Create a new folder for this lexample in your coding folder
[ ] Create the a index.html file
Open the folder in Visual Studio Code
[ ] Create a basic HTML5 skeleton (you can use the emmet command for that)
Add meta tags for
- [ ] description
- [ ] author
[ ] Add a meaningful title
Ensure that your code also includes
- [ ] the meta tag for the charset <meta charset="UTF-8" />
- [ ] the meta tag for the viewport <meta name="viewport" content="width=device-width, initial-scale=1.0" />
Use the Live Server Extension of VSCode to serve and open the index.html in your browser

Hints

The basic HTML skeleton created by the HTML5 emmet command looks like this

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>

Bonus

Open the browser dev tools and view your cv in the mobile emulation. Toggle (remove or add) the viewport meta tag and see how your cv behaves in the mobile emulation.

Example Solution

Example solution for this task.

glissario / bootcamp-schedule

HTML&CSS Basics: CV Setup #14