odin-default-css-exercises/flex/05-flex-modal/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Modal</title>
  </head>
  <body>
    <div class="modal">
      <div class="icon">!</div>
      <div class="header">Are you sure you want to do that?</div>
      <div class="close-button">✖</div>
      <div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur excepturi id soluta, numquam minima rerum doloremque eveniet aspernatur beatae commodi. Cupiditate recusandae ad repellendus quidem consectetur sequi amet aspernatur cumque!</div>
      <button class="continue">Continue</button>
      <button class="cancel">Cancel</button>
    </div>
  </body>
</html>
add layout 2021-08-23 21:24:45 +00:00			`<!DOCTYPE html>`
			`<html lang="en">`
Add indents to <body> and <head> tags in all exercises 2022-01-30 18:16:13 +00:00			`<head>`
			`<meta charset="UTF-8">`
			`<meta http-equiv="X-UA-Compatible" content="IE=edge">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
			`<link rel="stylesheet" href="style.css">`
			`<title>Modal</title>`
			`</head>`
			`<body>`
			`<div class="modal">`
			`<div class="icon">!</div>`
			`<div class="header">Are you sure you want to do that?</div>`
			`<div class="close-button">✖</div>`
			`<div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur excepturi id soluta, numquam minima rerum doloremque eveniet aspernatur beatae commodi. Cupiditate recusandae ad repellendus quidem consectetur sequi amet aspernatur cumque!</div>`
			`<button class="continue">Continue</button>`
			`<button class="cancel">Cancel</button>`
			`</div>`
			`</body>`
add layout 2021-08-23 21:24:45 +00:00			`</html>`