Alternating Posts - Bricks Sections

Posts in the alternating layout of image-text and text-image.

Uses ACSS utility classes and variables.

What gets copied: Section.

The secret sauce:

@media (min-width: 993px) {
	%root%:nth-child(even) {
		flex-direction: row-reverse;
	}	
}

Note: There’s also https://automaticcss.com/docs/auto-alternating-grids/.

Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Tempora molestiae et sunt consequatur dignissimos qui
Est necessitatibus et consequuntur ut atque. Dolorem assumenda maxime et est et nam optio
Hic beatae quidem est
Earum deleniti sint reprehenderit voluptatem ab
Tempora debitis dolor et totam unde dolorem
Beatae eaque vel odio. Amet aliquam quaerat molestiae sint inventore Ex quia illo cumque. Optio qui repellat provident alias et. Atque ut deserunt qui. suscipit omnis beatae animi. Minus nesciunt quidem asperiores non saepe. saepe commodi ipsum tenetur neque. Harum earum quod possimus Nam error porro dolorem est dolor quia laborum Id iure velit neque.…
Et est ducimus aliquam est sequi quas
Dolorem aut incidunt dolor distinctio mollitia odit sit. Numquam debitis provident sunt et Debitis sint ea amet omnisEt a laboreAmet dolorem unde quo ipsum adVoluptates dolorPerferendis sintQuia possimus ea ullam velitQuis et nostrum nequeQuam sunt consectetur
Ipsa consequatur id officiis quisquam
Et veritatis et aut earum. Dolorum accusantium earum vel Sapiente dolore et dicta aspernatur autemRem eius sequi et sitQui dolor perspiciatis et molestiae consequaturSit aliquid expedita amet occaecatiIpsa iusto qui et quisquam velAut et praesentium dolorem Esse dignissimos voluptas libero nemo. Ratione dolorem porro omnis aut. Quas repellendus fugiat inventore sint suscipit vitae nihil nesciunt…
Quasi facilis sunt cupiditate qui
Reiciendis atque repudiandae. Deserunt quisquam ratione.
Ut at aut eos quaerat repellat aut
Accusantium dolorum.
Aut architecto minima ab quae aut qui
Vel. Voluptate.

Click to Copy