Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla possimus inventore maiores distinctio neque eaque aperiam, ex sunt cumque excepturi ducimus quam ea facere voluptatibus quod aliquid quae suscipit dolores nisi saepe ipsum vitae ut placeat iusto. Nam maxime omnis dolor deleniti doloribus quisquam repudiandae! Pariatur placeat consectetur laudantium labore aspernatur. Ipsum ullam saepe explicabo fugit non perferendis, possimus illo cupiditate! Ducimus, itaque harum. Molestias natus placeat voluptatum velit aliquid libero unde dignissimos voluptas possimus maiores maxime reprehenderit, eveniet cumque quo eos asperiores, tempore odio. A beatae quaerat ratione voluptas alias fugit expedita iusto, eius dignissimos, accusantium quo odit maxime consectetur, ipsum nostrum! Harum sapiente aliquid illum ipsa ipsum quas aspernatur quae eaque ad necessitatibus maiores dignissimos similique atque voluptate, est dolor fuga ex dolorem. Iusto mollitia, fugiat voluptatibus vel sapiente nemo adipisci nostrum aliquam minima amet illum libero perferendis rerum, qui error sit quod. Molestiae dicta quas facilis odit, qui dolorum obcaecati beatae? Optio ipsam vitae sit inventore saepe nesciunt deserunt rerum, odit ullam debitis eligendi veritatis, possimus doloremque non maiores laborum magnam, at libero incidunt maxime eos dicta earum magni atque! Deserunt nihil, quod distinctio eaque, blanditiis sint ipsam accusamus itaque voluptatum nam soluta ab magni doloremque dolorem?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor in quod facilis numquam rem. Ea aut minus commodi illum nostrum, odio incidunt suscipit nam, eaque repellat tempore deserunt ab obcaecati error maiores repudiandae rem labore enim exercitationem laborum adipisci, aliquam similique reprehenderit! Earum molestias nulla, ducimus eius voluptatum sequi, iusto quam quaerat, quisquam non repellendus a eveniet at aliquam accusamus. Ipsam iusto voluptatibus sed nesciunt cum adipisci aliquam ea, assumenda deserunt distinctio. Atque, aliquam placeat labore odio, tempore qui sit excepturi fugit, quibusdam obcaecati facere quam! Illo ex exercitationem velit consequuntur, saepe rem porro dolores optio ratione, autem sequi, illum nulla veniam. Suscipit voluptates quis vero ratione qui asperiores illum voluptatem consequuntur dignissimos sunt nemo, maxime voluptate facilis, fugiat nobis recusandae cum temporibus facere quaerat quos quibusdam eius doloremque nostrum nesciunt. Commodi excepturi cupiditate reprehenderit, numquam illum error illo libero eveniet laudantium voluptatibus a vitae nostrum magni, dolorum eius praesentium incidunt fuga. Ea eos commodi iure in saepe ipsum ratione, omnis distinctio, nisi consequatur et. Eum ullam perspiciatis repudiandae recusandae exercitationem repellat fuga, rem quo eligendi magnam doloremque fugiat iusto placeat provident quibusdam dicta ea veniam fugit? Enim molestiae dolores, reiciendis numquam sit omnis porro praesentium accusantium repellat voluptatibus? Consequuntur debitis facilis delectus maiores quas quaerat, dolorem placeat magnam reiciendis sequi provident fuga perspiciatis, doloremque officiis quibusdam quae dicta quia nulla in corrupti incidunt. Rerum, autem! Optio vero ducimus rerum? Deleniti non, atque excepturi dolorum error totam accusantium eius voluptates, rerum labore voluptatem id quis necessitatibus odio at harum nostrum suscipit quisquam eos quasi repellat nobis amet velit quo! Aut veniam distinctio doloribus enim inventore velit accusantium sit possimus, ducimus iure totam perspiciatis a qui voluptates quis dignissimos quisquam culpa itaque nulla impedit nostrum cum. Non sit aliquid totam explicabo esse vel consectetur cumque enim at necessitatibus quae quidem dolorum praesentium sint tempore magni, nihil consequatur pariatur neque voluptate beatae qui cum recusandae minus. Rem dolore vero neque ullam ratione, adipisci impedit voluptatem? Accusantium ipsa nemo atque, praesentium nesciunt ad amet dolorum? Rerum aperiam animi, amet, consequatur in possimus optio, unde beatae assumenda fugiat aliquam eligendi. Quod deserunt architecto nobis.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore accusantium error rem voluptas. Veniam eum optio repellat fugiat asperiores debitis, magni sapiente, eos accusamus tempore quis odio saepe placeat delectus, iste atque nesciunt. In itaque earum quam ipsam, exercitationem, rem asperiores deleniti, illum laudantium quibusdam perspiciatis maiores natus recusandae facilis!
CSS
/ Common styles /
body {
margin: 0px;
font-family: "Roboto", sans-serif;
}
Good afternoon Jordan,
My About Page has been stuck ever since I have been working on the skewed image at the top in the header.
I feel stuck because I can't see what I am doing.
HTML
<!DOCTYPE html>
About Us
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla possimus inventore maiores distinctio neque eaque aperiam, ex sunt cumque excepturi ducimus quam ea facere voluptatibus quod aliquid quae suscipit dolores nisi saepe ipsum vitae ut placeat iusto. Nam maxime omnis dolor deleniti doloribus quisquam repudiandae! Pariatur placeat consectetur laudantium labore aspernatur. Ipsum ullam saepe explicabo fugit non perferendis, possimus illo cupiditate! Ducimus, itaque harum. Molestias natus placeat voluptatum velit aliquid libero unde dignissimos voluptas possimus maiores maxime reprehenderit, eveniet cumque quo eos asperiores, tempore odio. A beatae quaerat ratione voluptas alias fugit expedita iusto, eius dignissimos, accusantium quo odit maxime consectetur, ipsum nostrum! Harum sapiente aliquid illum ipsa ipsum quas aspernatur quae eaque ad necessitatibus maiores dignissimos similique atque voluptate, est dolor fuga ex dolorem. Iusto mollitia, fugiat voluptatibus vel sapiente nemo adipisci nostrum aliquam minima amet illum libero perferendis rerum, qui error sit quod. Molestiae dicta quas facilis odit, qui dolorum obcaecati beatae? Optio ipsam vitae sit inventore saepe nesciunt deserunt rerum, odit ullam debitis eligendi veritatis, possimus doloremque non maiores laborum magnam, at libero incidunt maxime eos dicta earum magni atque! Deserunt nihil, quod distinctio eaque, blanditiis sint ipsam accusamus itaque voluptatum nam soluta ab magni doloremque dolorem?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor in quod facilis numquam rem. Ea aut minus commodi illum nostrum, odio incidunt suscipit nam, eaque repellat tempore deserunt ab obcaecati error maiores repudiandae rem labore enim exercitationem laborum adipisci, aliquam similique reprehenderit! Earum molestias nulla, ducimus eius voluptatum sequi, iusto quam quaerat, quisquam non repellendus a eveniet at aliquam accusamus. Ipsam iusto voluptatibus sed nesciunt cum adipisci aliquam ea, assumenda deserunt distinctio. Atque, aliquam placeat labore odio, tempore qui sit excepturi fugit, quibusdam obcaecati facere quam! Illo ex exercitationem velit consequuntur, saepe rem porro dolores optio ratione, autem sequi, illum nulla veniam. Suscipit voluptates quis vero ratione qui asperiores illum voluptatem consequuntur dignissimos sunt nemo, maxime voluptate facilis, fugiat nobis recusandae cum temporibus facere quaerat quos quibusdam eius doloremque nostrum nesciunt. Commodi excepturi cupiditate reprehenderit, numquam illum error illo libero eveniet laudantium voluptatibus a vitae nostrum magni, dolorum eius praesentium incidunt fuga. Ea eos commodi iure in saepe ipsum ratione, omnis distinctio, nisi consequatur et. Eum ullam perspiciatis repudiandae recusandae exercitationem repellat fuga, rem quo eligendi magnam doloremque fugiat iusto placeat provident quibusdam dicta ea veniam fugit? Enim molestiae dolores, reiciendis numquam sit omnis porro praesentium accusantium repellat voluptatibus? Consequuntur debitis facilis delectus maiores quas quaerat, dolorem placeat magnam reiciendis sequi provident fuga perspiciatis, doloremque officiis quibusdam quae dicta quia nulla in corrupti incidunt. Rerum, autem! Optio vero ducimus rerum? Deleniti non, atque excepturi dolorum error totam accusantium eius voluptates, rerum labore voluptatem id quis necessitatibus odio at harum nostrum suscipit quisquam eos quasi repellat nobis amet velit quo! Aut veniam distinctio doloribus enim inventore velit accusantium sit possimus, ducimus iure totam perspiciatis a qui voluptates quis dignissimos quisquam culpa itaque nulla impedit nostrum cum. Non sit aliquid totam explicabo esse vel consectetur cumque enim at necessitatibus quae quidem dolorum praesentium sint tempore magni, nihil consequatur pariatur neque voluptate beatae qui cum recusandae minus. Rem dolore vero neque ullam ratione, adipisci impedit voluptatem? Accusantium ipsa nemo atque, praesentium nesciunt ad amet dolorum? Rerum aperiam animi, amet, consequatur in possimus optio, unde beatae assumenda fugiat aliquam eligendi. Quod deserunt architecto nobis.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore accusantium error rem voluptas. Veniam eum optio repellat fugiat asperiores debitis, magni sapiente, eos accusamus tempore quis odio saepe placeat delectus, iste atque nesciunt. In itaque earum quam ipsam, exercitationem, rem asperiores deleniti, illum laudantium quibusdam perspiciatis maiores natus recusandae facilis!
CSS
/ Common styles / body { margin: 0px; font-family: "Roboto", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Roboto Slab", serif; }
/ Footer styles / .footer { background-color: #11122b; color: #cbcbcb; font-family: "Ubuntu-Condensed", sans-serif; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 400px; margin-top: -4px; }
.footer > .logo-footer img { width: 180px; height: 100%; filter: brightness(50%); }
.footer > .footer-phone-hours span { margin-left: 10px; margin-right: 10px; font-size: em; letter-spacing: 2px; }
.footer > .footer-phone-hours > .hours { font-size: 0.8em; color: #cea135; text-transform: uppercase; }
.footer > .links-wrapper { margin-top: 40px; margin-bottom: 40px; width: 400px; }
.footer > .social-media-icons-wrapper { display: flex; justify-content: space-around; align-items: center; margin-top: 40px; margin-bottom: 40px; width: 300px; }
.footer > .social-media-icons-wrapper a { font-size: 1.5em; color: #cbcbcb; transition: 0.5s; }
.footer > .social-media-icons-wrapper a:hover { color: #cea135; }
.footer > .copyright-wrapper { margin-bottom: 50px; font-size: 0.7em; color: #858585; }
/ Skewed header / .skewed-header { position: relative; height: 400px; overflow: hidden; }
.skewed-header > .header-bg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-size: 100%; transform: skewY(-6deg); transform-origin: top left; filter: brightness(50%); }
.skewed-header > .skewed-header-wrapper { position: absolute; display: flex; justify-content: center; width: 100vw; }
.skewed-header > .skewed-header-wrapper > .skewed-header-content { width: 1000px; display: flex; justify-content: space-between; align-items: center; }
.skewed-header > .skewed-header-wrapper > .skewed-header-content > .heading-wrapper { background-color: #cea135; color: #11122b; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; width: 175px; padding: 10px; text-align: center; }
/ Page Container Styles / .page-container { display: flex; justify-content: center; }
.page-container > .content-wrapper { width: 1000px;
}
.page-container > .content-wrapper > #chef { width: 350px; margin: 23px 40px 20px 0px; float: left;
border: 1px solid #cea135; }
.page-container > .content-wrapper p { letter-spacing: 1px; line-height: 30px; }
I found an open DIV and closed it and its fixed! RUBBER DUCK TROUBLESHOOTING WORKS!!!