1. Home
  2. Docs
  3. Hello! Pro 3 Theme Setup
  4. Demo Homepage Blocks Guide
  5. Portfolio

Portfolio

The “Portfolio” section on the homepage is constructed using Gutenberg blocks. When using Genesis 2.8, this section is installed when using the optional Auto-Setup Homepage feature.

Container Block

This section is created with an Atomic Blocks “Container” block. In the Gutenberg settings for the Container block, we set the following options:

  • Width: Full-width
  • Top Padding: 10%
  • Bottom Padding: 10%
  • Inside Container Max Width: 1000px
  • Background Color: “Background Canary” #fffcf5

Content Blocks

Inside the AB Container block, we added the following blocks:

  1. A Paragraph block for Heading text
  2. A Paragraph block for supporting text
  3. An Atomic Blocks Gallery block to display logos in a grid

The Heading paragraph block has the following settings assigned:

  • Font Size: Huge

The supporting text paragraph block uses default settings.

The Atomic Blocks Gallery block has the following settings assigned:

  • Columns: 3
  • Crop Images: Enabled

Was this article helpful to you? Yes No