<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sidebar-Test</title>
<style>
.flex-container {
display: flex;
flex-direction: row;
}
.flex-left {
width: 75%;
margin: 5px;
padding: 5px;
border: 2px solid red;
}
.flex-right {
width: 25%;
margin: 5px;
padding: 5px;
border: 2px solid green;
}
.sticky-thingy {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.bordered {
margin: 5px;
padding: 5px;
border: 2px solid orange;
}
.full-width {
width: 100%;
}
</style>
</head>
<body>
<div class="full-width bordered">
I am menu bar
</div>
<div class="flex-container">
<div class="flex-left">
Cumque et id expedita. Non eos impedit nobis maiores ratione. Quis
voluptas provident tempore. Et dolores iusto ut qui. Sit corrupti
assumenda eum quos praesentium voluptatem nihil. Minima laboriosam
doloribus et. Sed eligendi impedit magnam cupiditate minima id est.
Libero fuga non tempore. Nesciunt placeat illo facilis similique
blanditiis impedit. Voluptatem aliquam dolores ducimus repellat omnis.
Saepe corporis tempore excepturi quibusdam. Error et omnis dicta. Ab est
neque dolorem eum tempora et. Est ut tempora labore fuga repellat.
Corporis vel ut tempore. Autem delectus sint consequatur non dignissimos
et. Quas recusandae occaecati repellendus fugit voluptas porro quisquam
facilis. Dicta veritatis autem at laborum nostrum veniam. Accusamus qui
consequuntur architecto sapiente temporibus. Praesentium tempore
nesciunt fuga. Ut et aspernatur vitae. Quae temporibus aspernatur ut.
Sed rerum eum cupiditate illum occaecati corrupti. Aut sapiente est
nemo. Et sed odio exercitationem excepturi quos quia reprehenderit.
Eligendi quasi adipisci modi minima dolor dolorem dignissimos. Et sunt
totam eaque corporis harum quidem nihil sapiente. Et beatae doloremque
veniam hic. Et maxime dolor voluptas neque. Qui ratione ut quisquam est
consequatur dolor et et. Incidunt qui eaque voluptatum accusantium id
error expedita illo. Tempora sequi vel sit. Exercitationem libero autem
veniam qui inventore. Earum repudiandae fugiat et ut molestias. Eum eos
aut ea assumenda nihil hic est. Animi aut dolorum optio. Voluptas non ut
consectetur ut qui beatae. Neque porro quis dolor ipsam magnam qui.
Tenetur consequatur odio soluta magni corrupti. Nobis natus omnis illum.
Adipisci eum reiciendis minima sed ut tempore nemo nobis. Molestiae sit
ullam molestiae sit sint ipsa. Omnis dolorem harum quod. Eligendi rem
cum iusto cupiditate animi ducimus. Minus eveniet consequuntur quia vel
atque velit beatae. Rerum voluptas molestiae eius dolores. Commodi totam
sint in necessitatibus sunt in. Iure et magnam et hic facere. Quisquam
corrupti quidem qui fuga pariatur sapiente hic. Est saepe perspiciatis
officiis incidunt eum. In voluptatem eum voluptates. Dolorem est
dignissimos perspiciatis provident. Eveniet fuga nostrum perspiciatis
debitis sed aut. Ut qui alias laborum. Veritatis reprehenderit quas vero
consequatur magnam suscipit in. Doloribus tenetur pariatur dolor autem.
Cumque voluptas qui sit numquam velit ad. Impedit veniam non veritatis
id. Sint dolorem quaerat modi. Blanditiis voluptatum amet in occaecati
autem. Dignissimos vero dolore tempore aut est odit. Aliquid molestiae
dicta omnis vitae. Animi non dignissimos dolores ipsa nostrum repellat
expedita eum. Non tempore perspiciatis dolorem aut accusantium
voluptates quas mollitia. Odio voluptates sapiente et sequi vero ipsam
nam animi. Sed aut aspernatur iusto quia maxime. Et vitae dolores iure.
Natus nihil neque et. Officia ut velit saepe tempora. Assumenda rem cum
ipsa aut sit. Vel asperiores harum enim ut est esse. Autem optio
repudiandae eaque a velit repudiandae quam libero. Quo perspiciatis qui
repellendus iusto iusto unde a accusamus. Dignissimos quia sunt ut
nesciunt et blanditiis. Quia est libero alias. Quod dolorum numquam
officia. Qui omnis eum et. Sed enim consequatur unde ut natus provident.
Error error culpa repudiandae fuga natus. Quidem eaque asperiores
expedita aut ipsa doloribus ea nisi. Dolores maxime dolor ullam amet
quis. Nam consequuntur dolore assumenda. Quam saepe eligendi veniam
repudiandae esse eos quod omnis. Soluta sint aut eos. Consequatur qui
distinctio rem animi ea officiis. Consequatur temporibus voluptatem
aliquid sunt debitis consequatur. Et sequi reiciendis unde. Veritatis
provident sint et aperiam quia sed accusantium. Eius corporis est at
tenetur. Ut consequuntur et ut voluptatem delectus dolores possimus. Eos
nam dolorum reiciendis enim qui molestias dolore. Qui deserunt rem
voluptatibus quibusdam quasi velit. Maxime ad aliquid id hic molestias
incidunt. Rerum vitae minus ea vitae. Neque dolore qui odio eius
explicabo. Facere dolores molestias incidunt necessitatibus eaque optio
consequatur voluptatem. Eos veniam dicta quidem officia reprehenderit
eos dolorem consequuntur. Quia ab ex aliquam saepe ipsum. Asperiores quo
ipsam magnam adipisci et voluptatem unde ut. Similique a error
distinctio alias at voluptatum voluptates accusamus. Doloribus provident
dolorem aliquam. Est blanditiis expedita aut asperiores. Est tempora
tempore fugit. Minus quasi facere eos qui ipsa. Expedita nisi atque
similique et magnam animi repudiandae. Hic cumque ipsa placeat aut et
molestias. Expedita dolore magnam harum. Laborum sed ea laudantium iusto
qui. Qui dolorum in harum officia voluptates quae. Aut autem qui qui. In
nam consequatur est ut sed quis. Repellat reiciendis dignissimos hic
enim saepe delectus autem. Reiciendis magnam ratione autem optio
doloribus qui. Dolores nemo unde ipsum natus nisi laborum dolorem. Vitae
perspiciatis corrupti consectetur maiores perspiciatis. Pariatur dolores
velit quasi dignissimos cum facilis voluptas. Commodi qui aperiam
inventore rerum eos quod earum ullam. Excepturi vel iste cumque aut.
Tenetur officia nulla dolor debitis est. Fuga eaque repellendus repellat
sunt quia esse. Blanditiis aut architecto expedita. Non distinctio
corrupti ut similique minima vel quibusdam. Saepe sapiente est sunt.
Nihil et deleniti voluptatem blanditiis est fugiat temporibus.
Accusantium a et itaque. Qui ab perferendis saepe et facere nulla. Quam
laboriosam quasi totam ut impedit qui. Corrupti et omnis velit sapiente
nemo reiciendis est. Ut ut ipsa deserunt. Odio labore a facilis sit
placeat. Recusandae fuga laboriosam natus voluptatem. Ea unde maiores
nisi ipsum et dolorem recusandae nesciunt. Sed debitis veritatis quia
ullam quo eos et illo. Optio voluptatem sapiente in. Incidunt vero
corporis qui quis dolorum. Porro ullam optio voluptas et. Illum quaerat
nemo molestias dolor voluptatem aut nulla unde. Reiciendis distinctio id
accusantium eaque similique accusamus itaque. Sed molestiae labore
cupiditate et cupiditate. Voluptate magnam id possimus recusandae. Nobis
aspernatur dicta velit ea non similique. Consequatur repellat voluptatem
quod tempora aut nisi delectus. Sint eaque et quae non vel quas illo
iure. In expedita omnis et qui mollitia et cupiditate. Qui adipisci
earum quia sit commodi ea. Sunt sit dignissimos doloremque. Eveniet quae
magnam iste odit. Et minus corrupti qui sint laudantium. Sint possimus
odio veritatis id omnis aut nisi. Qui et incidunt modi aliquid
distinctio. Eos adipisci provident placeat beatae. Qui qui soluta
accusantium fugit qui. Non eligendi rerum quidem. Omnis doloribus aut
odio sit quasi. Enim quo ut minima provident. Voluptatem sit vel quia et
tempore id eaque esse. Delectus sed fuga ut est maiores mollitia vel.
Perferendis distinctio sint sed. Deleniti et aut omnis non delectus
deleniti. Ratione illo adipisci et maiores. Sequi ex vel quo. Eaque vero
sint id non in mollitia omnis. Deserunt occaecati aspernatur vero et.
Vitae labore vel sit sit quos. Voluptates nobis totam non et nisi. Modi
nemo nihil tenetur. Nulla rerum saepe nesciunt ad numquam quam
praesentium. Nihil dicta aut consequatur ut corrupti quaerat. Dolorem
magnam quo quidem. Laborum natus fugiat delectus. Explicabo voluptatem
enim eveniet placeat aut quia. Eum debitis accusamus tempore assumenda
ipsam sit est fugiat. Laudantium tenetur et corrupti. Unde molestiae
rerum quia rem. Adipisci ea rerum laborum dolor et aut. Vero sunt vel
cumque voluptatem rerum vel ipsam. Doloribus qui dolores est. Sit est
excepturi aspernatur praesentium exercitationem fuga. Sunt eum
recusandae expedita vero. Molestiae perferendis non eius cupiditate
molestiae. Quis voluptatem quis consequuntur eius amet minima. Mollitia
quo aut nostrum. Cumque rerum ea ut saepe ea quo sit. Voluptatem et et
in. Repellat praesentium soluta perferendis harum. Incidunt est soluta
facilis quod. Quo consequuntur quis iste quod veritatis reiciendis.
Vitae sit sed repellat quia provident. Consectetur unde nemo iure. Quasi
accusantium consectetur incidunt temporibus enim ullam eius. Officia
laboriosam vel blanditiis accusamus quas. Quidem voluptatem ab veritatis
voluptatem molestias dolor. Omnis dolor quisquam nostrum officia animi
odio nihil quos. Recusandae eligendi enim eum dolores voluptas dolorum
assumenda ut. Commodi quia dolorem commodi voluptate. Ut quos et minus
ex. Delectus ut ab necessitatibus nulla quam eveniet omnis veritatis.
Laboriosam deleniti est atque et accusantium molestiae illo molestias.
Eligendi aut voluptate doloremque tempora aperiam eveniet. Ducimus
numquam dolores recusandae nemo dolorum aut consequuntur eum. Nesciunt
consequuntur id laborum. Laboriosam rerum ut animi qui quae omnis.
Adipisci est consectetur rerum quaerat. Sed et sint voluptate id
blanditiis et et qui. Omnis delectus nihil quos tempora voluptas.
Eligendi non cum aliquid voluptatibus. Qui sunt eaque at magnam animi.
Eos laudantium voluptatem delectus est recusandae quia. Ut dolorem aut
deserunt consequatur placeat qui. Quia dolorem illo veritatis. Dolor et
ut molestias. Aut qui ut facilis et consectetur dolor optio est.
Repellat vel non sint animi. Debitis odit qui odit facilis doloribus
blanditiis delectus. Mollitia voluptatum quis rerum repellat suscipit
voluptas ducimus aut. Explicabo ab velit itaque. Non sed eius et eum
asperiores et non id. Et quia ut laudantium nobis est sit eum id. Soluta
quo quos aliquid. Qui in placeat quis sint libero nemo. Dicta eos sit
consequatur non illum ut eligendi. Consequatur vitae quidem modi
pariatur fuga molestias omnis. Esse sit nulla ipsum error qui error
nostrum. Odit in ullam voluptatibus. Amet aliquid neque id et cupiditate
labore est. Dolores harum consequatur ea. Ea harum animi natus nihil et
quas quo. Aut consequatur quia error. Sit nobis corrupti voluptatem. Qui
aut nostrum illo laudantium aut. Incidunt voluptas facere recusandae
voluptas. Enim non veniam iusto ab aut et est ipsa. Voluptatum rem
cupiditate provident molestiae voluptatem iure. Ea aut amet vel iste
molestias velit ea. Amet consequatur qui provident ut. Tempora voluptas
labore culpa. Consequatur ratione consequatur id ut. Ea inventore error
repellendus sunt vel aspernatur. A consequatur blanditiis omnis tempore
doloremque. At fugit et ipsa deleniti molestias labore libero tenetur.
Sunt laudantium exercitationem hic repellendus ab et modi rerum. Sed
molestiae ea autem. Provident sed modi corporis illum rerum. Sapiente
architecto ea voluptates veritatis minima ipsa dolorem. Quis explicabo
et sequi sit voluptas qui quia rerum. Pariatur ab possimus ut error.
Distinctio sit expedita accusantium occaecati est necessitatibus sed. Ab
explicabo rerum ullam. Odit dolorem optio laudantium ducimus est et
culpa. Aliquid minima sit nihil aut voluptas ut reprehenderit. Esse
officiis itaque rerum. Itaque cumque asperiores et distinctio qui odit
eveniet saepe. Illum totam dignissimos aliquid vero. Assumenda ullam
deleniti minus. Et aut modi alias accusantium. Error nostrum voluptatem
rerum rerum corrupti aperiam dolor. Porro tenetur et porro ullam
voluptate. Cumque rerum at nesciunt culpa quasi ratione. Perferendis et
impedit numquam cupiditate reprehenderit quia. Doloremque blanditiis
enim animi repellat minima non. Et autem velit exercitationem qui quidem
doloremque. Praesentium dolorem ea ut aspernatur est. Rerum officiis
laboriosam rerum odit. Quaerat beatae qui similique. Quidem est porro ut
ut facilis repellendus quos. Qui rerum aut laborum dolore fugit
adipisci. Qui rerum architecto impedit aut quaerat. Optio illo esse
magnam in tempora. Quod dignissimos temporibus at officia. Molestiae
accusantium suscipit repellat ut culpa velit. Similique ipsa ut
consequatur dignissimos unde veritatis placeat. Ea odio assumenda quia
soluta aliquid omnis omnis aut. Perferendis occaecati fugiat nobis
voluptatem veniam. Praesentium nemo quidem laborum placeat. Esse fugit
sint quia repellat assumenda. Qui eaque soluta et quo dolor voluptas
impedit. Qui sunt eveniet et iusto fuga et aut. Excepturi sed dolorem
odit et ipsum. Dolores nemo voluptatem distinctio distinctio commodi.
Animi aperiam nihil cum consequatur. Dolores dolores aperiam sunt. Non
aut qui et enim mollitia. Est ea rerum nobis ad commodi occaecati
ratione. Officiis molestias similique ab in ut. Doloremque quam et quasi
aliquam eos unde molestiae. Vel sit magni modi est omnis sapiente sequi
et. Aut dolorem similique fugiat in laboriosam rerum. Et omnis qui fugit
quia accusamus quae. Quos temporibus ad adipisci consectetur quibusdam
alias. Doloremque laboriosam facere modi. Officiis qui tempore provident
voluptatum. Est explicabo commodi sed tenetur dolorem et sint. Assumenda
omnis nostrum et incidunt aut amet. Aliquam sequi temporibus quia aut
facere expedita eligendi molestiae. Quia pariatur voluptatem eos sit
iste nostrum. Perferendis molestiae nobis modi sit necessitatibus
aliquam facere aut. Modi sit aliquam quia id cupiditate. Delectus dicta
doloribus reprehenderit deleniti ut. Beatae natus aut porro hic
consequuntur sint aut. Magni porro reiciendis dolorem dolores. Sequi qui
exercitationem suscipit maxime numquam quo eius temporibus. Rerum
excepturi expedita sit numquam perspiciatis rerum. Nisi sit distinctio
vel laudantium sed rerum. Et nam eos consectetur minus ducimus id quia.
Numquam iure dolor quasi rerum. Ratione sit fugit aliquid iure deleniti
rerum. Ullam ipsam praesentium aperiam. Officia quasi vel quia vel
molestiae debitis inventore ratione. Eos debitis odio odit quaerat. Aut
quaerat quod rerum ea quia dolorum esse. Quae quia earum officia qui
porro et. Rerum ipsum aliquid quia dolores ullam quia non. Quia vel
voluptates consequatur ex dolor rerum. Ad iste quod in omnis aut
corporis sunt. Molestiae reprehenderit delectus quisquam deserunt
commodi. Magnam culpa architecto quis molestiae. Molestiae veritatis
iusto sed. Sunt rerum aut molestias ea ullam eum ad. Ipsa in sed aperiam
iusto natus et. Sequi neque aspernatur eligendi temporibus eaque.
Laboriosam debitis eius unde doloribus rerum et perspiciatis. Impedit
enim corrupti suscipit culpa. Distinctio assumenda aliquam voluptas quis
eos sed voluptatem soluta. Doloremque a sapiente illum amet rerum ipsum
molestiae. Quia non totam non. Eius accusamus accusantium odit ullam
nihil qui. In temporibus sunt corrupti quibusdam dolorem saepe
repudiandae. Sequi totam et sapiente et. Et exercitationem molestias
aut. Adipisci qui excepturi molestiae aut est. Numquam similique ex
placeat quis aut eum voluptate inventore. Amet expedita omnis nam et
magni magnam accusamus. Maxime hic facilis corporis voluptatem commodi
quisquam. Unde natus quaerat voluptas ut culpa est quis. Earum excepturi
neque doloribus minus aspernatur quas. Est dignissimos ut consequatur.
Perspiciatis est quas debitis ut aut iusto explicabo. Voluptatibus nisi
eveniet quasi sint ipsa id quia qui. Hic quis dolorum sint nihil iusto.
Repellat et recusandae inventore non. Autem labore natus est mollitia.
Ut magni velit voluptas. Dolor minus omnis exercitationem libero ut
debitis et est. Modi repudiandae optio porro impedit maxime consequatur
quia et. Impedit et nihil ut provident odio. Et quia soluta non expedita
minima. Sed minima possimus voluptatem et natus autem enim iure.
Deserunt ut nostrum illum quia omnis perferendis sequi. Voluptatum rem
rem ut deleniti aut dolorem eos officiis. Quibusdam soluta et laborum at
eveniet. Dolorem itaque eum aliquid quasi quaerat quia distinctio.
Aspernatur odit exercitationem voluptas omnis architecto. Natus amet
neque id rerum quo vitae molestiae. Expedita ipsum asperiores sint ut
accusamus est fugiat. Voluptatem et cum quo harum. Corrupti aliquam
accusantium et dignissimos. Et quia doloribus itaque at voluptatem
aliquid. Quos voluptas ut sunt et et iure officiis. Dolore maiores modi
distinctio impedit. Ad repudiandae commodi corrupti. Non quo nostrum
esse maxime nisi velit. Voluptas et eum libero enim. Saepe facilis iusto
sunt iste. Ullam dolorem ut tempora ut. Placeat est hic ipsa enim maxime
quia rerum. Et libero vel et velit sed dicta cum incidunt. Labore sit
sed quam voluptas hic. Quasi saepe est pariatur velit. Consectetur ipsa
fugit dolor sequi quo et sed ipsa. Recusandae qui et hic sit omnis et
non rerum. Perspiciatis numquam ea eum consequatur ut praesentium sit
aut. Voluptatem nostrum deserunt eum ipsam fugiat et. Aut dicta aut
alias sit. Rem perspiciatis officiis voluptate quia nam. Molestiae est
nihil est illum ut. Temporibus explicabo perspiciatis voluptatem
repudiandae aut tenetur tempora. Architecto quo architecto cupiditate.
Voluptatum quasi eius nemo ea et assumenda. Quis id ducimus doloremque
libero autem ullam consequuntur cupiditate. Velit consequatur quo illo
dignissimos quisquam. Dignissimos repudiandae odio explicabo tempore
dolores voluptate. At debitis rerum natus sint fugiat molestiae
adipisci. Quisquam corrupti quia occaecati esse repellat earum
consequatur. Tempora tempora est quidem numquam fugiat aut distinctio.
Eos sit occaecati eius libero eveniet consequatur. Voluptatum hic
doloremque est consequuntur repudiandae. At nihil ut nemo voluptas unde.
Exercitationem enim aliquam nisi natus est. Molestiae voluptatem
officiis est harum omnis aut. Aut sit consequatur explicabo. A in omnis
suscipit voluptas. Unde animi deserunt earum est qui consequatur. Culpa
ipsam tempora quaerat aperiam itaque. Impedit quod et dolorem quo. Culpa
aut nostrum et dolorem voluptate et id. Placeat ratione sunt praesentium
nam. In debitis aliquid quaerat totam. Sed perspiciatis optio sequi
dolore asperiores. Ullam eos dolores libero debitis voluptatibus fuga
eum. Consectetur dolore illum facere aliquid sit. Incidunt deserunt
veniam possimus molestiae voluptate. Illum nam vero sunt illo molestias
ut quia. Aliquid velit natus aut id. Dicta et aliquid a dolor est. Nulla
dolores nostrum molestias quidem fugit. Quaerat deserunt at dolorem
ipsam repellendus. Eum impedit ut quis nostrum. Dolor saepe dolore
veritatis dolorem expedita maiores quia. Cum nesciunt qui iure
recusandae dolorem aut non maxime. Rerum velit nulla expedita id
praesentium voluptas asperiores omnis. Sed et itaque repellendus ipsum
possimus laboriosam. Laborum voluptas est suscipit quod neque voluptas.
Non et ad corrupti. Magnam quasi est ratione temporibus sunt dolorem
repudiandae. Praesentium praesentium quidem quasi et itaque quia. Ut
veniam beatae ut. Incidunt libero eum occaecati quas asperiores eaque
illo aut. Vitae dolorem laudantium cum. Officiis quia a nihil possimus
vitae quos quas. Impedit dolorem quia repudiandae et corrupti.
Praesentium minima impedit non soluta id qui qui ut. Labore enim enim
sint eligendi nesciunt officia et. Voluptas dolorum maxime veniam
repudiandae tempore in cupiditate. Voluptatibus repellendus dolore eius.
Fugiat qui voluptas nihil maxime fugit iste quis beatae. Vel quae illum
sunt porro et quo. Necessitatibus dolores aut consequatur tempora
laboriosam. Magnam sit earum et maxime neque cum soluta et. Quod quo
necessitatibus ducimus. Enim cumque est nostrum porro fugit doloribus.
Omnis quos est in. Odio fugiat aperiam blanditiis cupiditate et vero
alias. Sapiente cupiditate dolor sit dolorem earum. Rem incidunt enim
fugiat. Libero minima quod fuga in laboriosam aliquam. Illum laborum
dolorum cum. Quis eum cupiditate dolor. Et tempora a aliquid. Commodi
omnis veritatis voluptas voluptate in. Voluptatem recusandae nihil sint.
Ipsa aut molestias expedita. Ut sequi non quis voluptates. Ad corrupti
quidem accusamus aut. At eveniet eveniet iure ipsam rem esse. Voluptas
aperiam aut ipsum non impedit quia et. Aut aspernatur unde rerum
voluptatem. Impedit corporis minus quis qui omnis rem quia. Quia dolorem
aut illum omnis vitae fuga. Libero et et doloremque praesentium autem
commodi totam expedita. Excepturi aperiam fuga expedita laudantium. Quam
harum aut rerum in amet. Corrupti aliquam molestiae temporibus tempore
id. Qui natus et animi aut ut nostrum. Sint nihil quia consequatur
quaerat. Deleniti impedit voluptatem et illum. Hic amet et rem
consequatur quis nostrum. Aut deserunt et qui facilis repudiandae
temporibus rerum eum. Voluptate ea omnis animi molestiae qui. Dolor
impedit voluptate sed ipsam ea assumenda. In libero eos non consequuntur
doloribus dolorem. Cumque et nostrum enim. Atque magnam modi veniam ab
laborum doloremque doloribus qui. Explicabo accusantium sapiente
cupiditate magni. Aut voluptas nobis ullam. Quo aut id accusamus iste et
ea libero inventore.
</div>
<div class="flex-right">
<div class="bordered">
Content that will vanish
</div>
<div class="sticky-thingy bordered">
Content in sticky
</div>
</div>
</div>
</body>
</html>