I cant seem to understand why the ‘Char2,4,6 content’ divs are not aligned to their respective images on the right. They seem to be on different rows.
Here is the code if anyone would be kind enough to tell me why this is happening.
Here is a screenshot of the website with the images for a better view.
As the image shows, the content for each image is on a new row beneath it not on the same row as the image, I’m quite confused because the content for the rows 1-3-5 is good.
Welcome to FCC Forum, a community of people helping each other!
I am sure somebody will be able to provide proper guidance to assist you.
Happy coding!
I might be mistaken but according to CSS Tricks you need to declare your grid-template-areas before you can use grid-area to position items.
Hope that helps you. I am not very familiar with grid-areas.
1 Like
system
March 4, 2024, 6:06am
4
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.
