Чувак, сайт для рецептов и писать велосипед ради админки? Используй вп и не парся, я его не знаю и ни хочу знать но реально не парся просто используй готовое.
Серьезно такой вопрос в теге фреймворка? чувак выучи css и js потом лезь во фреймворки, ибо твоя задача решается этими технологиями и vue тут решает максимум присобачить события
Можно на grid, можно пир помощи masonry. Я слышал при помощи bootstrap можно на Марс улететь.
UPD хотя масонри тут врятли подойдет. если статическое расположение картинок юзай гриды или флекс.
А зачем ты используешь названия начертания? font-family: "Roboto Black", sans-serif; когда шрифт называется и подключен как 'Roboto", начертания подхватываются от font-weight.
Хз, я выбирал между xiaomi и mac в итоге остановился на mac, но у меня работа с фронтендом по большей части и мак показался более удобнее не говоря о софте и ретине. Различные ноуты смотрел, еще Dell g5 зашел, но автономность там не особо большая, да и мощности такие не нужны. Xiaomi понравился очень тоже, на вид презентабельный железо для работы не плохое.
BenderIsGreat34, он просто перебирает, по сути ты запустил функцию которая ничего не возвращает, map делает мутацию, то бишь создаёт новый массив элементов.
вот забыл включить адаптацию с ретины. 
@alex5792, результат