Сам пользуюсь фидлом, как по мне очень удобный, у вас экран поделен на 4 части, верхняя левая, это HTML, туда копируете вашу разметку без doctype, html и body далее верх право, CSS туда ваши стили, ну а снизу слева это скрипты, и снизу справа результат. На скрипты можно вставлять ссылки, слева есть панелька нажимаете External resources и вставляете туда ссылку, на библиотеку, будь то boostrap, jquery или что то еще. Надеюсь ответил на вопрос)
0leg5ergeev: числа не причем, я делал подобное для таблиц там и числа и цены и валюты все есть, и все обрезается прекрасно, видимо другая проблема, ну я делал, с заданием max-width: 200px в нашем случае, и все работало, без max-width: не работало даже в хроме, ну там таблица
Денис Букреев: и все будет работать также четко, как на оф. macos? без багов, глюков и тормозов? скиньте плз, где apple об этом упомянули, хоть краем глаза гляну, не в теме даже
igarexin-na-kaife: ВЫ не до оцениваете школьников, сейчас школьники не то что раньше, и как сказал Алексей Николаев это бессмысленно, так, что зря замарачиваетесь, на дворе 21 век, все тырят друг у друга и переделывают под себя, уверен, вы тоже не с 0 писали, а были заготовки.
В любом случае, сейчас можно скопировать практически что угодно
Хорошее решение, ну зачем вы используете flex-direction: row? если это значение по умолчанию, и space-around у вас лишний, без него все также работает, в целом решение хорошее, мне понравилось) Спасибо
Денис Букреев: Вы можете как суровые программисты написать onclick="$('form').submit()"
ну лично я против такого решения, по поводу захломления, смотря какие задачи и что используете, обычно юзают framefork для разделения логики от представления и там все красиво и аккуратно, я просто пример привел, как засабмитить форму, в вашем случае.
Андрей: да и в правду) набросал в хроме по фасту, и не стал проверять, все таки с flex еще есть погрешности, ну смысл думаю ясен https://jsfiddle.net/vduosc91/1/
devstudent не согласен с вами, попробуйте добавить к иконку от FontAwesome или псевдоклассы ::after, ::before, кроме обычного background, который уже используют редко, только в случаях когда это действительно необходимо, а так все делается кодом, и в данном случае, если у него дизайн как он написал, нестандартный и кнопка спефицифическая, то не всегда прокатит
Денис Букреев: onclick прошлый век, конечно вы можете использовать чистый JS, ну мне кажется, лучше использовать всеми привычную библиотеку jquery и ее валидатор jquery.validate.