I started off a month ago and I have trouble understanding the grid system on CSS. I can to create some classes on my html to later edit on my CSS but it does not seem to work. I want to add some images so they cover that entire section of the page while other to appear small (images of products I am selling).

Any advice on where to learn this efficiently?

CodePudding user response：

I found this reference super helpful when trying to implement grid. https://grid.malven.co/

On laying out images on a grid it helps me to remember that I can use a combination of different positioning techniques inside the grid boxes. I also found joshwcomeau.com class on css for developers super detailed and helpful.

Not exactly sure what to answer without seeing an example but hope this helps you.

CodePudding user response：

I found this site that brings several examples of using the grid: https://css-tricks.com/snippets/css/complete-guide-grid/

The "grid-template-areas" section seems to provide a solution for what you want, by referencing the names of the grid areas which are specified with the grid-area property. The syntax itself provides a visualization of the structure of the grid.