How can I align some paragraphs to start at the centered title's starting point
I am working on this the whole day, still can't manage to do it. The problem is I have titles in my cards centered, and I want the paragraphs to start at the starting point of the title. I would really appreciate some help.
17 Replies
It's not that straight forward. But it will be easier to check if you make a codepen with this example
i want the text to start at the red line
this might do it, but if it's not what you are looking for, provide us the html css you already have
https://codepen.io/MarkBoots/pen/xxJGMWd
the title is in the center gid column and the list is going over the second and third column
if i do text-align: center
that happens
yeah thats what i want
i'll try to do it on my card
thanks
no problem. good luck
just for backup here a screenshot, because i will remove the pen later
yeah it works like i wanted
thanks
on the third card its a bit off on the left side
but i think this will be fine
yea, that's because it lacks space with the larger title and the icons. it's to small for 3 columns
so i should lower the font sizes a bit?
you can use clamp() for fontsize, or let the cards go to 1 column a bit earlier
now they go to 3 col at 768px
you can choose what ever you like
just play with it a bit, can't choose for you
sure
i was trying to figure this out for the whole day, and you got it in minutes
though the solution was not that complicated, I was a bit dumb 😅
Don't say that, sometimes it's just not as straight forward, or obvious. Even the most experienced developers have that (not that I am). You will never know everything, and that's totally fine. That's what these kind of communities and loads of other online resources are for.
Yeah, maybe your right.
I started taking web development serious in this summer
Still have to learn but I am progressing every day
I'll link the project where I used the cards, check it if you want 😄
https://lovely-swan-09f5fa.netlify.app/