У овом сцреенцаст-у ћемо истражити одељак Деалс. Одељак „Понуде“ је у основи „зид огласа“. То је подручје веб локације на којем би људи морали сами да се крећу, тако да ме не брине ометање реклама у људима. Такође, сваки оглас има попуст на њега и производ је који лично препоручујем, тако да нема сенки.
Већ имамо заглавље на месту. Такође већ имамо садржај који се избацује на страницу коју треба да обликујемо. Ово је савршено место за покретање самог писања ЦСС-а.
Оно што је у реду са овом страницом је то што можемо уронити прсте у свет респонзивног оглашавања. Рекламни свет заиста није сустигао одзивни дизајн. Огласи су често фиксне величине и њихова величина је тешка или је забрањена. То није случај на овој веб локацији, јер сам креирам огласе.
Сваки оглас је направљен од слике у позадини, слике логотипа и делова текста. Помоћу background-imageсредстава можемо некако да обрежемо ивице и то је у реду. Не губимо текст или важне делове логотипа.
Изглед овог „зида“ биће налик зиду =). То ће бити три колоне у широким величинама радне површине, а затим се спустити на две колоне и на крају једна колона у телефонским величинама. Све што радимо је да плутамо по огласима и применимо знак min-heightда би сви остали у истој висини. На различите медијске упите једноставно прилагођавамо ширину огласа и мењамо који од њих имају праву маргину, а који немају (путем :nth-child).
Са задње стране, сваки оглас је прилагођено поље у ВордПресс-у. Када их избацимо на страницу, прво их упитамо и ставимо у низ. Затим промешајте тај низ. Онда их коначно одјекните. Могли бисте свима пружити поштену прилику да постану најбољи оглас!