Ты тоже так делал когда то?

Пассивно-агрессивная верстка,получается

HTML это скилет
CSS это кожа ,лицо так далее
JS это сердце или мозг

лучше добавь css, чтобы не запутаться хотя бы

чтобы туда все стили кидать

Для начала
Нажми ентер перед style,чтобы не делать нагромождение кода в одну строчку

С css легче будет?,просто я ещё учу html,сегодня решил попрактиковаться

Смотри
У тебя получился полноценный макет
Но пока выглядит это, так сказать,довольно сыро
Компонентов много, и ты уже сам чувствуешь,как потерялся в коде
Так что все стили пора положить в одно место

стили туда нужно все перекинуть, тебе самому будет легче потом чё-то менять да и в принципе разобраться

сонце, пойди доку почитай если ты реально сосредоточился на html,
как минимум узнаешь что hr это не декоративный элемент, а еще что можно делать блоки и им задавать бордеры ну и так далее.
Конечно я могу ошибаться и ты просто отрабатываешь все атрибуты и пишешь их всем элементам, но это не так важно в верстке, есть вещи куда важнее

отдельно пишешь скелет, отдельно css, связка через атрибут class, и все будет чистенько и понятно

И теперь смотри. Твой макет плывет, тоесть нужен инструмент выравнивания всего содержимого. Навскидку, то,что ты сделал, соответствует — такой сетке, как я нарисовал. А теперь посмотри, где я выделил зону под изображение (если я твою задумку правильно понял). И для начала попробуй привести макет к такому виду (выделил коряво,но на телефоне никак по другому), а потом попробуй в нужное место вставить картинку. Для изучения прочитай про flex-сетку и пройди тренажёр flex froggy

Выше для тебя отписал

ты тоже так делал когда то?)

Никогда)

Врёт и не краснеет😄

сразу верстал как бог))

Что-что а за вёрстку в скилбокс очень хорошо этого самого… И сразу научили делать правильно.
Но к сожалению больше ничего там хорошего)

Было бы интересно посмотреть)

У меня возникла проблема на старте проекта что я не могу выбрать каким подходом стилизовать реакт компоненты

Подскажите какой лучше всего подходит для пет проекта

styled-component

Ок, а почему именно он?

Многие именно его мне предлагают

Ну пожалуй сейчас самый частый кейс в рабочих проектах. Если это пет-проект для включения в портфолио без сомнения будующий работодатель оценит твоё знание этой технологии.

Понял, спс)

Да и удобно на нём делать)

Я уже забросил проект

Можете пожалуйста помочь

Что здесь не так

ужасная фотка. Скачай скриншотер от гугла или яндекса. и пользуйся)

Чел. Научись делать скриншоты, а не фотографировать экран. Об этом между прочим в правилах этого чата написано.

8я строка после открытого тега style идёт лишняя точка

border-bottom: 2px solid salmon;

Если нужен бордер вокруг div то просто border: 2px solid salmon;

И да, открой сайт http://htmlbook.ru/css/border, там обо всех свойствах написано

Блин а как принято называть переменные styled components просто нигде это не написано но наверняка есть какое-то общепринятое правило

Чем является так и назвай, правила такие же как и для названия компонентов, это такие же функции с jsx

А ок

А Styled не принято в начале называть

Просто там в видео где я учился чел всегда со слова Styled начинал

Выколите глаза мне

На курсе было так сделать

Убери атрибут bottom и будет тебе счастье

И открой уже ссылку которую я скинул выше

Правда,а чё раньше не говарили

Брат,просто,на курсе преподаватель так сделал я решил повторить и не вышло ,искал помощи у вас

Я прикрепил пару примеров выше, с обводкой внизу и по всем краям, выбери что тебе нравится

Админа сюда, тут скриншоту плохо — он фотография

Всем нас свойственно ошибаться, а ты теперь можешь сказать что вот я молодец нашёл ошибку и решил ее

Тебе два человека сказали скриншоты, а не фотография!