Answer 1

The number that you wrote It in the second div is considered as one word (not a group of words) so, the text will never wrap to fix this, you can set:
word-wrap: break-word;
Such as the edited code below:
https://code.sololearn.com/WmFIm18T69i9/?ref=app

Answer 2

Runtime Terror[ Busy ] try this in css
https://code.sololearn.com/WXqigqXwlEVL/?ref=app

Answer 3

https://code.sololearn.com/W18QQGo2hBdw/?ref=app

Answer 4

Runtime Terror[ Busy ]
You can get solution here
https://webdesign.tutsplus.com/tutorials/text-overflow-with-css-ellipsis--cms-36634
https://youtu.be/dRGi2iBuOIo

Answer 5

Runtime Terror[ Busy ] I think you are looking for something like this given all details
some width (based on text) = same height
responsive based on text inside box
https://code.sololearn.com/WZkVL01E6O1g/?ref=app

Answer 6

https://code.sololearn.com/WG2qA9xTMtQD/?ref=app
https://code.sololearn.com/WNqp5tlW934L/?ref=app

Answer 7

https://code.sololearn.com/WnhWmKSOa3s6/?ref=app

Answer 8

https://code.sololearn.com/W4W6tN4x7493/?ref=app
Check out my new Website Design With html, css and javascript