Почему текст в таблице уезжает?

Question

[Darya_14]

Добрый день! Первая картинка при полном изображении экрана. Вторая-когда уменьшили экран.
Суть вопроса. Почему на 2 фото текст уезжает? text-align не помогает достичь желаемого.
Заранее спасибо.

Comments

[Froggyweb]

потому что это не таблица и нет кода :)

[L1nks]

Если хотите, чтобы вам помогли, то лучше выкладывать код на jsfiddle или любой другой аналогичный ресурс

[Darya_14]

L1nks, https://jsfiddle.net/sj16bzde/

[L1nks]

Darya_14, а как у вас так уезжает?Я это и на jsfiddle посмотрел и в редактор кода загнал всё и всё отображается нормально

[Darya_14]

L1nks, не знаю, скопировала с notepad. Некоторые закрытия > у меня повторяются, но не обращайте на это внимание. У меня там 2 таблицы, копировала на скорую руку.

[L1nks]

Darya_14, чего то явно не хватает. Это при малом экране и отличается от того, что у вас на картинке

[Darya_14]

L1nks,

[Darya_14]

это код media css

.foundation {
	 height: 1650px;
	}

	.minor {
     width:100%;
	 height: 1650px;
	 background-size: 100% 100%;
    }
	
	table.one {
     font-size: 20px;
	 float: none;
     margin-left: 5%;
	}
	
	table.two {
     font-size: 20px;
	 margin-left: 5%;
	}
	
	table {
     table-layout: fixed;
     width: 90%;
	 height: 700px;
    }
	
	caption{
    font-size: 24px;
}

[L1nks]

Darya_14, а на какой экран у вас media должен срабатывать?
Например:
@media (min-width: 400px) {}

[Darya_14]

L1nks, media only screen and (max-width: 1138px)

[L1nks]

Darya_14, всё равно никак не получатся повторить вашу проблему, что с media, что без, всё равно отображается все нормально и за границы таблицы не уезжает

[Darya_14]

L1nks, можно скинуть вам весь материал на почту? Не хочу тратить ваше время

[L1nks]

Darya_14, скиньте

[Darya_14]

L1nks, спасибо, скинула