Помощь Адаптация дизайна

[MIMO888]

Привет всем, пишу дизайн с нуля.
И мне интересно как сделать такую адаптацию сайта под мобилку? Сайт на скрине взял для примера.
Может кто объяснит, просто хочу чтобы сайт уменьшался в размерах вместе с размером экрана.

 

[html]

Легко и просто, смотри примеры нвути

 

[MIMO888]

Легко и просто, смотри примеры нвути

В нвути слишком много говнокода

 

[Toxic]

Привет всем, пишу дизайн с нуля.
И мне интересно как сделать такую адаптацию сайта под мобилку? Сайт на скрине взял для примера.
Может кто объяснит, просто хочу чтобы сайт уменьшался в размерах вместе с размером экрана.

Как ты можешь писать дизайн с нуля, если ты даже не знаешь как открыть код страницы и посмотреть как у них это устроенно...
grid они используют

 

[FrankMeister]

Привет всем, пишу дизайн с нуля.
И мне интересно как сделать такую адаптацию сайта под мобилку? Сайт на скрине взял для примера.
Может кто объяснит, просто хочу чтобы сайт уменьшался в размерах вместе с размером экрана.

А ты как его пишешь?

 

[Healis]

Привет всем, пишу дизайн с нуля.
И мне интересно как сделать такую адаптацию сайта под мобилку? Сайт на скрине взял для примера.
Может кто объяснит, просто хочу чтобы сайт уменьшался в размерах вместе с размером экрана.

@media css. Гугли.

 

[MIMO888]

@media css. Гугли.

Я так и понял что @media самый подходяй вариант. Такой вопрос, могу ли я сделать так чтобы при изменение размера экрана, менялось в добавок расположение блока?

 

[MIMO888]

А ты как его пишешь?

Без bootstrap, не хочу использовать тонну ненужных css

 

[Toxic]

Я так и понял что @media самый подходяй вариант. Такой вопрос, могу ли я сделать так чтобы при изменение размера экрана, менялось в добавок расположение блока?

Думаю, тебе явно не стоило отвечать с конца, особенно когда тебе дали 100% верный ответ в самом начале...

 

[MIMO888]

Думаю, тебе явно не стоило отвечать с конца, особенно когда тебе дали 100% верный ответ в самом начале...

Где мне узнать что такое grid?

 

[Toxic]

Где мне узнать что такое grid?

Что за умные вопросы?
В твоём случае, нужно создать ещё одну тему и начать отвечать с конца...

 

[enigman]

для начала узнай что такое meta тэги, а так-же что такое мета тег "viewport".

 

[enigman]

Где мне узнать что такое grid?

 

[Dr.lu]

Всем привет. Кто может сделать вёрстку для сайта и залить на серв ? Оплата по договоренности ( плачу хорошо но только через гаранта)

 

[enigman]

Всем привет. Кто может сделать вёрстку для сайта и залить на серв ? Оплата по договоренности ( плачу хорошо но только через гаранта)

я. пиши в телегу @mrenigman

 

[CartmenStock]

Без bootstrap, не хочу использовать тонну ненужных css

Какая у тебя там тонна не нужных css?
Ты вообще изучаешь вопрос прежде чем писать что либо?
Или ты пытаешься узнать то что тебе нужно изучая только поверхностно все?

 

[MIMO888]

Какая у тебя там тонна не нужных css?
Ты вообще изучаешь вопрос прежде чем писать что либо?
Или ты пытаешься узнать то что тебе нужно изучая только поверхностно все?

Ты хоть понял что сам написал? К чему мне твой комент? Я с тобой не разговаривал. Есть что-то по делу? Пиши, нет вали. Мне твои бессмысленные коменты не по теме не нужны.

 

[CartmenStock]

Ты хоть понял что сам написал? К чему мне твой комент? Я с тобой не разговаривал. Есть что-то по делу? Пиши, нет вали. Мне твои бессмысленные коменты не по теме не нужны.

Ты глупый?
Или просто не воспринимаешь критику других пользователей?

 

[VsemFak]

Ты хоть понял что сам написал? К чему мне твой комент? Я с тобой не разговаривал. Есть что-то по делу? Пиши, нет вали. Мне твои бессмысленные коменты не по теме не нужны.

Бутстрап самый подходящий вариант для твоего опыта.

 

[Healis]

Я так и понял что @media самый подходяй вариант. Такой вопрос, могу ли я сделать так чтобы при изменение размера экрана, менялось в добавок расположение блока?

Да, создаёшь блок и вешаешь ему display: none. А при нужном тебе разрешении none меняешь на block, либо другое что тебе подходит.