stas

Потому что в сети куча старой информации, переписанной и перепощенной 100500 раз.

Если вкратце, и отбрасываем flex'ы:

Есть float - он справляется на ура, нужно только не забывать его очищать.

Есть inline-block - он прекрасен, до тех пор пока вы не сталкиваетесь с проблемой появления отступов между колонками (пробелов между блоками) - вам приходится обнулять font-size у row + display table для сафари на него вешать, а после объявлять font-size у дочерних col'а элементов (хотя есть и другие способы, но этот оптимальный).

А можно и просто верстать теплыми ламповыми "таблицами", только по-человечески, на display table, table-row, table-cell. Нюансы - нюансы таблиц, больше к сожалению не подскажу, на деле сам сильно не завязывался на таблицах, всех нюансов не знаю.

Попробуйте каждый, почитайте познакомьтесь и выберите тот, что вам удобнее

Если не принципиальна индексация обеих версий локализаций - определять поисковых ботов по UserAgent'у и отдавать соответствующий контент.

Если нужна индексация обеих версий - то проще будет с урлами вида /en.

Хотя впринципе, ничто не мешает делать винегрет, только чуть больше мороки:

- определять «живых» пользователей, их язык, записывать/хранить в сессию+куки (можно еще в константу), по кнопке переключения языков перезаписывать (не забывайте - дать «чистую» ссылку на определенную страницу с опр. языковой версией не получится, только с get-параметром в урле);

- определять «ботов», для ботов иметь something.com и something.com/en (основная морока - решите, надо ли вам иметь дубль) + не забываем про теги:

<link rel="alternate" hreflang="x-default" href="http://something.com/">
<link rel="alternate" hreflang="en" href="http://something.com/en" />

Также в карте сайта можно указывать на мультиязычность. В общем смотрите Яндекс/Google доки по теме мультиязычных сайтов.

Как то так)