Алексей Юдов

Можно создать три блока, содержащие кнопку, текст и фотографию и использовать display: inline-block;

Использовать относительный путь.
Либо использовать переменную/конфиг с чем-то типа $MY_APP_HOME, которая указывает на папку с вашей программой. Настраивается один раз при установке и затем что-то типа $MY_APP_HOME/answers/*.txt

отличная почва для выращивания ошибок.

- был пользователь 8, были какие-то еще данные с ним связанные.
- пользователя удалили, а какие-то данные нет.
- появляется новый пользователь, и к нему липнут данные от старого пользователя.
- вы в панике бегаете, смешно размахивая руками

50к рублей на бушные циски не жалко, а лицензию зажопил покупать? :)
сказочный персонаж на тостере

Переписать на css

Блокнот - идеально !

смотря на чем делаете. Если бутстрап то так примерно:

<div class=""row>
   <div class="col-lg-4 col-md-12">тут ваш 1 ...</div>
   <div class="col-lg-4 col-md-12">тут ваш 2 ...</div>
   <div class="col-lg4 col-md-12">тут ваш 3 ...</div>
<div>

на медиазапросах своих принцип тот же. (Если я правильно понял вашу задачу).

Bootstrap можно использовать, если:
1) нет определенного дизайна или предпочтений для дизайна нет дизайна (сайтик-визитка, админка какая-нить)
2) когда дизайнер сделал макет по бутстраповской сетке :)
3) когда вы понимаете, что в принципе что-то из бутстрапа подойдет.
4) когда вы не умеете во флексы :)

Bootstrap не подходит, если вам нужно сверстать макет с "уникальным" дизайном. :)

По началу я тоже считала - бутстрап сама гениальность и решение всех моих проблем, но его нельзя везде пихать. Это будет туча переопределений стилей, просто ужас. А если вы видите, что у вас в макете много таких элементов, типа 6 блоков, 4 блока, 2 блока, то почему бы и не вытащить только один компонент с сеткой, запилить его, юзать и никакого геморроя и переопределения?
PS - как говорится, каждому своё.

Просто вот так:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">