CdVstudio Posted November 18 Posted November 18 Site URL: https://www.cdvstudio.com/projects Hi! I have a portfolio page called projects with layout grid:simple. I would like to change number of colums per row. In the first row I would like one column, in the second row two columns and three in the third. How can I do that? Should I add a code in the CSS? Thank you so much
Solution Lesum Posted November 18 Solution Posted November 18 @CdVstudio Hi! You can add this code under Website > Pages > Website Tools > Custom CSS @media screen and (min-width: 1025px) { #gridThumbs { display: flex !important; flex-wrap: wrap; gap: 40px; } .grid-item { flex: 0 0 100%; } .grid-item:nth-child(2), .grid-item:nth-child(3) { flex: 0 0 calc(50% - 40px); } .grid-item:nth-child(4), .grid-item:nth-child(5), .grid-item:nth-child(6) { flex: 0 0 calc(33.333% - 40px); } } CdVstudio 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment