Kuonyesha Gridi katika Kipochi ya Kivinjari

Wakati wa kufanya kazi na gridi katika mchakato wa kuunda tovuti, mara nyingi inahitajika kuangalia ikiwa usakinishaji wa vipengele kwenye gridi unafanyika vyema. Zaidi ya hayo, ikiwa kuna hitilafu, tunapaswa kujua ni kipengele gani kinaanza kusakinishwa vibaya. Kwa lengo hili, tunaweza kutumia kipochi katika kivinjari.

Wacha tuangalie gridi kwa kutumia kipochi ya kivinjari Chrome. Kwanza, chagua kipengele tunachokivutiwa nacho kilicho na gridi na ubonyeze kitufe cha kulia cha kipanya uchague kwenye orodha chaguo 'Inspect':

Sasa kwenye paneli iliyofunguliya upande wa kulia wa kivinjari, elekeza mshale kwenye kipengele chetu kilicho na gridi na utaona kuwa kwenye mstari karibu na kipengele kikuu kipo kitufe grid:

Baada ya kubonyeza kitufe grid, tutaona kuwa kipengele chetu kinaonyeshwa kwenye mfumo wa gridi unaoeleweka kuona, ukiwa na nambari za safu wima na safu mlalo zote:

Sasa makini na paneli iliyo kwenye kipochi. Ndani yake kuna vitabo Styles, Computed, Layout na kadhalika. Badilisha kutoka kwenye kitabu Styles, ambacho kinawaka kwa msingi, hadi kwenye kitabu Layout. Utaona orodha ya mipangilio ya gridi yako:

Wacha tuchague kwa kuonyesha kipengele cha kwanza Show track sizes, ambacho kinaonyesha ukubwa wa treki:

Kwa kutumia kipengele Show area names inaweza kuonyesha majina ya maeneo ya gridi, ikiwa yamewekwa. Na kuchagua kipengele Extend grid lines tutaona mistari ya treki iliyonyoshwa nje ya mipaka ya gridi: