Насколько такой подход к разработке правильный?Нинасколько. Так как озон достаточно старая система, проектирование мобильной версии с отдельным мобильным видом наследие периода когда верстку сделать адаптивной было гораздо сложнее, а поисковые роботы еще ориентировались на субдомены по типу м.домен.тлд для отображения результатов поиска с мобильных устройств. Менять что-то с потерей поисковой индексации уже никто не будет.
Навряд ли многие люди так уменьшают окошко браузера вручную и для чего это нужно...Это нужно не для людей которые "уменьшают окошко", а для бесшовного перехода между устройствами, так как есть планшеты, нетбуки, мобилы с разным разрешением и просто масштабирование в браузере, и для всего этого зоопарка адаптив позволяет задать нормальный вид, практически для любого устройства в заданном диапазоне разрешений, причем без специальной подгонки под экран.
<div class="catalog__list">
<div class="catalog__item catalog__item_1"></div>
<div class="catalog__item catalog__item_2"></div>
<div class="catalog__item catalog__item_3"></div>
<div class="catalog__item catalog__item_4"></div>
<div class="catalog__item catalog__item_5"></div>
<div class="catalog__item catalog__item_6"></div>
</div>.catalog {
&__list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(toRem(393), 1fr));
grid-column-gap: toRem(25);
grid-row-gap: toRem(25);
grid-auto-rows: toRem(393);
grid-auto-flow: dense;
}
&__item {
background-color: #eee;
&_1, &_5 {
grid-column: span 2;
grid-row: span 2;
}
&_4 {
grid-row: span 2;
}
&_6 {
grid-column: span 3;
}
}
}
/**
* Добавляем в конец меню ссылки на регистрацию и вход / выход
*
* @param $items string HTML output of navigation menu items
* @param $args object Navigation menu arguments
*
* @return string Modified HTML output of navigation menu items
*/
function add_login_logout_register_menu( $items, $args ) {
// Проверяем, чтобы не админка и нужное меню (в данном случае - primary)
if ( is_admin() || 'primary' != $args->theme_location ) {
return $items;
}
// Если юзер авторизован
if ( is_user_logged_in() ) {
$items .= '<li><a href="' . home_url( 'my-account' ) . '">' . __( 'My Account', 'textdomain' ) . '</a></li>';
$items .= '<li><a href="' . wp_logout_url() . '">' . __( 'Log Out', 'textdomain' ) . '</a></li>';
// Если юзер не авторизован
} else {
$items .= '<li><a href="' . wp_login_url() . '">' . __( 'Log In', 'textdomain' ) . '</a></li>';
$items .= '<li><a href="' . wp_registration_url() . '">' . __( 'Sign Up', 'textdomain' ) . '</a></li>';
}
return $items;
}
add_filter( 'wp_nav_menu_items', 'add_login_logout_register_menu', 199, 2 );
