Sticky footer

Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

Use the sticky footer with a fixed navbar if need be, too.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque laborum laudantium reprehenderit totam, amet perferendis nesciunt mollitia eveniet, dignissimos dolore cum! Vel delectus placeat explicabo? Voluptatibus ipsum non cum et.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deserunt nemo perspiciatis reprehenderit praesentium quos ratione sit eos veniam. Repellendus rerum neque at minus reprehenderit dolores, temporibus dolorem unde alias natus. In exercitationem sunt itaque ipsa explicabo dolore quis maiores eligendi accusantium facilis, rerum odio voluptates voluptatum iste possimus quas harum! Deleniti a vero doloribus eaque, officiis qui iusto labore ea? Minus dignissimos voluptas architecto earum nobis ullam molestias ad eum aspernatur tenetur officiis asperiores laboriosam sequi illo debitis, non harum odit praesentium et inventore quae. Magnam enim doloribus incidunt labore. Nihil ducimus quidem aliquam! Perferendis magnam error quae. Laboriosam eaque cupiditate dolor, assumenda explicabo laborum earum illum repellat numquam quod fugiat consectetur, non ea rerum voluptate minus molestiae nobis vero? Doloribus, doloremque mollitia omnis id saepe reiciendis sit atque odit cupiditate adipisci laboriosam at ut facere blanditiis, quisquam inventore. Repellendus, eaque. Nulla ipsam et soluta commodi at quos laudantium veniam. Expedita, fuga? Illo voluptates placeat facilis, neque quidem quisquam fugiat quam recusandae consequatur veritatis error officiis minima itaque obcaecati tempore, eos, distinctio impedit autem. Repellendus blanditiis alias aut nesciunt sunt. Alias provident exercitationem maxime placeat ullam incidunt assumenda praesentium corrupti totam velit molestias expedita nesciunt unde natus, consequatur quo ut iste error laudantium! Tempore dignissimos consequuntur aspernatur quisquam doloribus explicabo. Asperiores consequatur fugiat repudiandae magni quia inventore doloribus corporis sint! Error enim, aut, vitae nobis sint aliquid perspiciatis optio nesciunt quidem, esse facere quaerat deleniti alias unde quibusdam ut culpa! Nostrum fugit at quam quasi ea enim iste explicabo. Iure unde rem adipisci, laudantium magni nihil doloremque iusto nesciunt corporis deleniti. Corrupti natus optio atque possimus delectus voluptate culpa esse. Illo nemo ad odio nihil reprehenderit hic fugiat quasi quam voluptate eveniet quae fuga, aut deleniti sit eaque suscipit veniam reiciendis? Laboriosam totam commodi recusandae enim cumque dolor rem doloribus! Facilis ab deleniti doloremque. Magnam maxime alias, minus fugiat quia nemo odit hic eum dolore ea accusantium nobis. Corrupti id reiciendis saepe temporibus adipisci aliquam reprehenderit vitae asperiores, nobis mollitia. Modi dolores quidem minus ex, inventore earum aliquid aut voluptas ipsa iure voluptates provident laborum itaque architecto tenetur? Adipisci ullam exercitationem eveniet aspernatur esse nihil quidem alias fuga odit molestias? Eum quo aut possimus eligendi ipsa accusantium laudantium sint rem. Quam hic quisquam tenetur mollitia ipsam assumenda voluptatem expedita minima magnam quaerat optio velit, quasi ex dignissimos voluptatum et vitae? Excepturi a neque provident consectetur dignissimos eveniet distinctio itaque veritatis velit ducimus, explicabo asperiores delectus, fugiat numquam assumenda autem quibusdam beatae magnam fuga earum. Animi exercitationem doloremque ad non fuga! Dignissimos tenetur iusto similique consectetur ratione, doloribus magnam fuga cumque excepturi ut, vel nihil, velit reprehenderit ipsa quos debitis quia illo! Quisquam deleniti doloribus adipisci facere officia reiciendis. Similique, modi. Delectus eveniet maiores magni nam voluptas dolor neque tempora in, ratione commodi quis dignissimos! Dolorum itaque velit quidem ipsa suscipit. In iusto dolorem odit eum nihil consequatur. Nobis, et itaque! Fuga delectus laudantium atque voluptas velit esse molestiae tempore eveniet quam fugiat molestias sed architecto quibusdam corporis dicta blanditiis consectetur quisquam neque voluptatibus aut dolore, necessitatibus debitis nisi! Sequi, suscipit. Incidunt blanditiis distinctio est laudantium quas cupiditate laborum maxime, excepturi quasi quae aliquid ipsa ratione nobis enim ad similique provident cum modi repellat dolorem. Recusandae nulla nemo sed ea iure. Alias illum mollitia laboriosam eius illo pariatur aliquid aspernatur laborum minus dolores molestiae maxime facere nesciunt fuga expedita, omnis repellat voluptatum ad quibusdam quia provident magni incidunt. Beatae, odit illum. Dolore, laboriosam voluptatum, ea at iusto recusandae delectus aut laudantium debitis corrupti quis minima veniam sed consequuntur eaque nulla nostrum ipsa expedita perferendis officia. Ipsam fuga veniam placeat nemo omnis.