Cyber_bober

Учитесь сами, есть курсы на coursera - «Human Computer Interaction», есть хаб по интерфейсам/веб-дизайну на хабре, есть кейсы на vc.ru, есть книги Джефа Расскина, Алана Купера и многих других. Есть аналитическая кампания Nielsen Norman Group и так далее.

def postInTags(request, id):
	tags = Tag.objects.filter().get(id=id)
	posts = tags.post_set.all()
	return render(request, 'tag_posts.html', {'posts': posts, 'tags': tags})

а что именно не понятно?

Шаблоны это не HTML а структура, он собирается из разных файлов. В каждом файле есть код, этот код редактируется внутри каждого компонента. На выходе получаете шаблон. Редактируйте чем угодно. Для начала можете в кодексе вордпресса посмотреть где что и как. Если редизайн затрагивает только цвета/шрифты, а не структуру - можете всю работу проделать в одном файле стилей.

media (max-width: 940px) {
.wide-class{
display:none}
}

просто оберните нужный код в контейнер и задайте этому классу невидимость в медиа-запросе

Вы уверены что они стираются? может они перензанчаются другими стилями? попробуйте добавить
font-weight:600 !important;

https://sublime-text.zeef.com/zeefcom там найдешь python profile

fotorama.io но судя по заголовку вам должна подойти simple gallery

А что вы центрируете? текст или элементы? Текст центрируется и будет центрироваться этим свойством, это правило для выключки текста.

Body это граница документа, wrapper это граница блока с контентом. Если вам вдруг потребуется апнуть что-то, то вы будете менять правила для контейнера.

Какие именно? Список жк?

читать+проектировать. Есть огромное количество литературы и блогов, которые дают общие представления по UI/UX. Пробуйте работать над проектами и читать кейсы, прикидывайте, как бы вы могли это улучшить. В нагрузку - книги по когнитивной психологии. Для старта подойдут Книги Джефа Расскина и Алана Купера плюс на vc.ru есть куча материалов по интерфейсам.

используйте медиа запросы

@media (min-width: 1280px)

Это брейкпоинты, которые определяют стили для определенной ширины экрана. Например, для

@media (min-width: 1280px) {
.menu-container{
width:600px;
}
.menu-item1{
width:25%;
}
.menu-item2{
width:50%;
}
}

а для мобильных просто меняйте параметры

@media (min-width: 1280px) {
.menu-container{
width:100%;
}
.menu-item1{
width:50%;
}
.menu-item2{
width:100%:}
}

Не совсем понятно, что вы хотите. Что есть первые что есть последние? Каким образом прижаты? Что вы имеете ввиду под адаптивностью? Если вы хотите резиновый макет, то без ширины в процентах не обойтись

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

Есть встроенные словари в браузерах, в FF и Opera точно, можно найти словарь Лопатина в xml формате, например.

<input type="submit" value="&#xf098;"  class="wpcf7-form-control wpcf7-submit">

.wpcf7-submit {
  font-family: FontAwesome, 'Helvetica',  sans-serif;
}

Создайте 4 больших контейнера, размером с большое изображение, и размещайте в трех по два изображения, в одном большое.