<commit_before>[3.1](chrome-devtools/imgs/3.1/"Example 3.1")

[3.2](imgs/3.2 "Example 3.2")

[3.3](imgs/3.3"Example 3.3")

[3.4](imgs/3.4"Example 3.4")

[3.5](imgs/3.5"Example 3.5")

[3.6](imgs/3.6"Example 3.6")

[3.7](imgs/3.7"Example 3.7")

[3.8](imgs/3.8"Example 3.8")

[3.9](imgs/3.9"Example 3.9")

[3.9.1](imgs/3.9.1"Example 3.9.1")

#How can you use Chrome's DevTools inspector to help you format or position elements?

Chrome DevTools is a powerful but simple Document
Object Model that puts both the html and stylesheet
(in this case, css) in your hands at the same time. 

DevTools allows a developer to manipulate the HTML and css
in real time. 

It highlights an object and shows the user a physical 
model of which parts are the padding, margin, and border. 
That makes it much easier to manipulate the size or
shape of an object and makes sure it works before you add
it to your code. 

#How can you resize elements on the DOM using CSS?

You add the properties height and width to the element you 
want to effect. Height and width can accept a different 
number of syntaxes, like em, %, or px. 


#What are the differences between absolute, fixed, static, and relative positioning? Which did you find easiest to use?
<commit_msg>fix imgs bug 6<commit_after>![3.1](imgs/3.1/"Example 3.1")

![3.2](imgs/3.2 "Example 3.2")

![3.3](imgs/3.3"Example 3.3")

![3.4](imgs/3.4"Example 3.4")

![3.5](imgs/3.5"Example 3.5")

![3.6](imgs/3.6"Example 3.6")

![3.7](imgs/3.7"Example 3.7")

![3.8](imgs/3.8"Example 3.8")

![3.9](imgs/3.9"Example 3.9")

![3.9.1](imgs/3.9.1"Example 3.9.1")

#How can you use Chrome's DevTools inspector to help you format or position elements?

Chrome DevTools is a powerful but simple Document
Object Model that puts both the html and stylesheet
(in this case, css) in your hands at the same time. 

DevTools allows a developer to manipulate the HTML and css
in real time. 

It highlights an object and shows the user a physical 
model of which parts are the padding, margin, and border. 
That makes it much easier to manipulate the size or
shape of an object and makes sure it works before you add
it to your code. 

#How can you resize elements on the DOM using CSS?

You add the properties height and width to the element you 
want to effect. Height and width can accept a different 
number of syntaxes, like em, %, or px. 


#What are the differences between absolute, fixed, static, and relative positioning? Which did you find easiest to use?

{'fraction_non_alphanumeric': 0.1120515920999597, 'fraction_numerical': 0.051189036678758564, 'mean_word_length': 3.8287937743190663, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '247691', 'n_tokens_mistral': 891, 'n_tokens_neox': 848, 'n_words': 359}