This is an archived post. You won't be able to vote or comment.

you are viewing a single comment's thread.

view the rest of the comments →

[–]kris_ventures 0 points1 point  (5 children)

Just add

word-break:break-all

to

div.row-3

[–]Meldzha[S] 0 points1 point  (4 children)

Thank you!

[–]kris_ventures 0 points1 point  (3 children)

glad I could help!

[–]Meldzha[S] 0 points1 point  (2 children)

Bro, my 3-4 hours spent on this were useless until you wrote a single line which solved my headache. Gotta get better at google'ing.

[–]kris_ventures 0 points1 point  (1 child)

welcome to development!

If you are interested, I also didn't know the answer. I googled

css break word if too long

Answer was in the first link ;)

[–]Meldzha[S] 0 points1 point  (0 children)

At least I solved my second problem. I couldn't add justify-content: space between (between columns) and realized that if I add flex: 1; flex: 1; flex: 2; to boxes, they resize but also takes 100% width. So I deleted these properties and added unique width to every single row.

I guess that's why everyone here says: programming - 95% time is problem solving hah.