Archived topic
How to center tablet columns
9 replies · Started by Former User on February 3, 2021
Hello,
I found this code on the forum which allows me to create 3 columns (Tablet) on my blog post page.
Now I am wondering how I could make it so that everything is centered instead of being on the left side.
https://imgur.com/a/vYz0SiH#HIN9Bxp
The code I used:
/*Custom Column Layout (Tablet)*/
@media (max-width: 1024px) and (min-width: 768px) {.generate-columns-container .tablet-grid-50 {width: 33%;}Thanks in advance!
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Hey Leo,
I have linked the site in the private information field.
Edit your code to this:
@media (max-width: 1024px) and (min-width: 768px) {
.generate-columns-container .tablet-grid-50 {
width: 33%;
text-align: center;
}
}Hey Leo,
I added the code but it dosen't adjust the date and the author.
Seems to work for me?
https://www.screencast.com/t/0K59B5yYdq
I would like the date and author to be in alignment with the title. Like in the desktop or mobile version:
There is no CSS alignment that can do that unfortunately.
Maybe what you want is something like this instead of my previous code?
@media (max-width: 1024px) and (min-width: 768px) {
.generate-columns {
padding-left: 40px;
}
}Ok, I think I have to play around a little bit to see what's the best alternative.
Thank you for your efforts.
No problem :)
