Online Notes
CSS

What is the difference between flex-direction: row and flex-direction: column?

  • flex-direction: row: The main axis runs horizontally, and flex items are laid out from left to right (default behavior).
  • flex-direction: column: The main axis runs vertically, and flex items are laid out from top to bottom.

Related posts

  • How do you create a flex container?
  • What are the main components of Flexbox?
  • How do you align items along the main axis?
  • What is CSS Flexbox?

Recent CSS Snippets

  • Customize the Browser’s Scrollbar only with CSS
  • Fix iOS bug not displaying 100vh correctly
  • Pure CSS Page Loader in website
  • Create responsive websites with CSS3 media query

Recent CSS Questions

  • How do you align items along the main axis?
  • What is the difference between flex-direction: row and flex-direction: column?
  • How do you create a flex container?
  • What are the main components of Flexbox?
  • What is CSS Flexbox?

Recent Snippets

  • How to Install Angular on Ubuntu (18.04 & 16.04)
  • Install Node.js in Ubuntu
  • Angular CLI & Troubleshooting
  • Simple POJO Example - Employee
  • Hibernate Example Configuration File — hibernate.cfg.xml

Recent Examples

  • How to reverse Singly Linked List?
  • Find out duplicate number between 1 to N numbers.
  • Find out middle index where sum of both ends are equal
  • Write a singleton class in Java
  • Write a java program to reverse a string?

Recent Questions

  • What are the modules of spring framework?
  • List some of the Spring Framework Annotations?
  • How many types of association mapping are possible in hibernate?
  • Define persistent classes?
  • What is HQL?

  • Contact

All Right Reserved © Online Note