Flex Direction Row Reverse Property in CSS

  • Post category:CSS

Get the code of Flex Direction Row Reverse Property in CSS and watch video tutorials. You can practice using our code editor. Our practical guide will make your learning journey much easier. You can explore the tutorial and learn.

<div class="container">
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
  <div>Item 4</div>
</div>
.container {
  display: flex;
  background: orange;
  flex-direction: row-reverse;
}
.container div {
  background: white;
  padding: 5px;
  margin: 5px;
  font-size: 15px;
}