CSS - Box Model

Lesson: Box Model

Link: https://academy.moralis.io/lessons/box-model![image|690x374]

Good day! I want to experiment on chrome developer tools but cant edit the styles like on the video. It is also different were the is no padding, border or margin on the styles tab, mine only shows display and margin-top.

How can I enable editing it? TIA.

Reference Pictures:

png) image

3 Likes

hey @Gulaman, hope you are well.

You can edit your styles directly on the live Elements, but just keep in mind that you have to respect some few rules on the style you are adding, https://www.w3schools.com/css/css_margin.asp

Carlos Z

1 Like