CSS: reorder images in mobile web developer Example

By

CSS Example: This is the "reorder images in mobile web developer" Example. compiled from many sources on the internet by SimpleTutorials.org

reorder images in mobile web developer 

/* -- Where the Magic Happens -- */

.container {
  
  /* Setup Flexbox */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  /* Reverse Column Order */
  -webkit-flex-flow: column-reverse;
  flex-flow: column-reverse;

}


/* -- Styling Only -- */

.container > div {
  background: red;
  color: white;
  padding: 10px;
}

.container > div:last-of-type {
  background: blue;
}



* Summary: This "reorder images in mobile web developer" CSS Example is compiled from the internet. If you have any questions, please leave a comment. Thank you!

Others