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