Alternating Grid II

If you want the first row to be full-width and the two following items to share a row, note that you can’t write .item:nth-child(1n) { width: 100% }—that would target all items. You have to target the first item by selecting every third element, and then stepping back two items: .item:nth-child(3n-2) { width: 100% }.

demo

  • HTML, CSS
  • Includes: index.html and CSS file
Please check for future updates here or at my gitHub page.