Portfolio Template - CSS Grid help

Portfolio Template - CSS Grid help
0

#1

Hi,

I’m trying to arrange the various portfolio examples on my portfolio example. I cannot get the grid to display correctly. I want two rows with three columns for the grid, could someone please explain the best way to do this? My current CSS is:

#projects {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas:
    ". portfolio-header ."
    "project-tile project-tile project-tile"
    "project-tile project-tile project-tile"
    ". portfolio-footer ."
}

#2

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.


#3

OK, good to know. Thanks.