Jump to content

DmitryPavlov

Newbie
  • Posts

    22
  • Joined

  • Last visited

About DmitryPavlov

  • Birthday 02/04/1999

Information

  • Sex
    мужской
  • From
    Киев
  • Interests
    HTML + CSS

Contacts

  • Skype
    aezakmi206

Recent Profile Visitors

1,064 profile views

DmitryPavlov's Achievements

Explorer

Explorer (1/14)

  • Week One Done Rare
  • One Month Later Rare
  • One Year In Rare

Recent Badges

1

Reputation

  1. Livitan, благодарю за ответ) Тогда в данной ситуации вовсе не стоило использовать figcaption. Но так же печально и останется для скринридеров, ведь попросту нечего читать будет. Скорее всего, просто нужно делать нормальный альтернативный текст.
  2. А если всем блокам дать min-height, а не просто height
  3. Почему безразмерная ? Что конкретно имеется ввиду ?
  4. Спасибо) А что поводу внешнего вида? "Вроде нормально" ? Я просто даже не знаю. Нормально сверстано, или там банальные ошибки, и можно было куда проще.
  5. Приветствую. Пожалуйста, раскритикуйте мою верстку по таким критериям. Сайт —- Макет. Именование классов якобы по БЭМ. Семантика. Позиционирование элементов. Это основное, что я хочу узнать для себя. Если есть то, что конкретно бросается в глаза в коде, прошу скажите. Большое спасибо!
  6. Пару постов назад выставил на обсуждение верстку этого же макета, и понял, что у меня хуже) http://goldentemplate.16mb.com/
  7. Похоже плохо учил свойства. Неважно какие - просто свойства. Есть такой код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Главная</title> <style> .wrapper { } </style> </head> <body> <div class="wrapper"> <!-- Просто пустой див блок --> <header> CONTENT </header> <section> CONTENT </section> <footer> CONTENT </footer> </div> </body> </html> Только начал использовать флексбокс и в своих (двух) макетах вместо свойства height использую flex-basis. Так вот, при добавлении враппера, всё сьезжает и выглядит так будто flex-basis: auto; или же height: auto; Почему так происходит? Спасибо Скрин до враппера http://pastenow.ru/XEJE Скрин после враппера http://pastenow.ru/XEJA
  8. Приветствую. Сайт — http://goldentemplate.16mb.com/ Макет — https://yadi.sk/i/lSit055YuTPCY Предисловие. Валидацию CSS прошел. А вот с HTML ошибки. Figure не может быть родительским элементом для div. В этой верстке, вместо height был использован flex-basis. (Я так и не понял, где его можно использовать. По крайней мере в этом макете.) Прошу помочь. Указать на ошибки, которые сразу бросаются вам в глаза. Сказать Ваше субъективное мнение, по поводу верстки. Для меня это очень важно. Подскажите то, что считаете нужным для начинающего. Так как даже не знаю, какие вопросы задавать по поводу верстки. (P. S. Либо нужно брать по сложнее макеты. Или нет.) Спасибо! Спасибо, что уделили время! Я очень Вам признателен.
  9. Я попробовал flex-direction: column (Естественно без flex: 1 100%;) И получается вот такая штука на телефоне. При flex-flow: row wrap; и flex-grow: 1; и flex-basis: 100%; все работает нормально.
  10. В IE flexbox поплыл. Как с этим бороться?
  11. Точно-точно, не заметил даже как-то. Я думал мол, чем меньше классов, тем лучше, но после приведенного примера понял, что можно было все намного проще сделать. Учту всё вышеприведенное. Спасибо
  12. Приветствую. Снова. Сайт — http://flexboxtryfirst.16mb.com/ Макет — https://yadi.sk/i/2xULK9O9tjq4R Сайт выглядит одинаково почти во всех браузерах, кроме любимого IE. Валидация HTML и CSS пройдена без ошибок. 769 - 1024 (max-width: 1024px) and (min-width: 769px) Мобильная версия сайта (max-width: 480px) and (min-width: 320px) Прошу! Указать на ошибки в использовании Flexbox. (Правильно ли я вообще использовал flexbox?) Указать на различия между версткой и макетом. Высказать свое субъективное мнение по поводу верстки в общем. Что стоит изменить или как делать не нужно. Да и вообще указать на любые ошибки. Жду любую критику) Спасибо! Спасибо тебе за то, что нашел время, чтобы заглянуть сюда и посмотреть работу. Таких людей нужно ценить!)
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy