odin-default-css-exercises/flex/05-flex-modal/solution/solution.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="solution.css">
    <title>Modal</title>
  </head>
  <body>
    <div class="modal">
      <div class="icon">!</div>
      <!-- additional container used here -->
      <div class="container">
        <!-- header div was moved to encompass the close button as well -->
        <div class="header">Are you sure you want to do that?
          <button class="close-button">✖</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>
    </div>
  </body>
</html>
add solutions 2021-08-24 13:32:36 +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="solution.css">`
			`<title>Modal</title>`
			`</head>`
			`<body>`
			`<div class="modal">`
			`<div class="icon">!</div>`
update solution files to show changes in divs 2023-06-03 17:30:05 +00:00			`<!-- additional container used here -->`
Add indents to <body> and <head> tags in all exercises 2022-01-30 18:16:13 +00:00			`<div class="container">`
update solution files to show changes in divs 2023-06-03 17:30:05 +00:00			`<!-- header div was moved to encompass the close button as well -->`
Add indents to <body> and <head> tags in all exercises 2022-01-30 18:16:13 +00:00			`<div class="header">Are you sure you want to do that?`
div replaced with button element 2023-05-02 16:07:00 +00:00			`<button class="close-button">✖</button>`
Add indents to <body> and <head> tags in all exercises 2022-01-30 18:16:13 +00:00			`</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>`
add solutions 2021-08-24 13:32:36 +00:00			`</div>`
			`</div>`
Add indents to <body> and <head> tags in all exercises 2022-01-30 18:16:13 +00:00			`</body>`
add solutions 2021-08-24 13:32:36 +00:00			`</html>`