YbeysaHelp

Если вы на nuxt.js то создаете свой конфиг и указываете его в настройках вебшторма.

const path = require('path')

module.exports = {
	resolve: {
		extensions: ['.js', '.json', '.vue', '.ts'],
		root: path.resolve(__dirname),
		alias: {
			'@': path.resolve(__dirname),
			'~': path.resolve(__dirname),
		},
	},
}

Дата создается один раз))

Решение:

@media (max-width: 1000px) and (orientation: landscape){
         /*Стили для Перевернутого экрана*/
}
@media (max-width: 539px) and (orientation: portrait){
        /*Стили для мобилки*/
}