Abakim
June 17, 2017, 12:51pm
1
Hello people, I have a problem with tribute page challenge…
How can I do to shorten the text when the display is big and don’t shorten when the display is small?
Example:
As you can see the description is really long but if I add a padding or margin, when the display is small (like in cellphones) it happens this:
The description looks bad.
Thanks for your help.
I think Bootstrap would handle that for you.
Recently CodePen defaulted to Bootstrap 4 when you choose it in the CSS settings page. fCC trains you on the 3.3.5 version that was previously defaulted in CodePen. There are definitely some changes to the class names and usage. CobePen default...
Reading time: 1 mins 🕑
Likes: 7 ❤
Abakim
June 17, 2017, 3:14pm
3
Well, yes, the problem was in Bootstrap. I had to set bootstrap 3. I don’t know why happens this but it works haha thanks!
Abakim
June 17, 2017, 3:24pm
4
Anyway the problem continue if I add a margin and the display is too small (more than a usual cellphone)… but I will search how can I fix it.
You could add a within the text and then use a media query that would set display: none;.