<commit_before><img src="imgs/Version1.jpg">
<img src="imgs/Version2.jpg">
<img src="imgs/Version3.jpg">
<img src="imgs/Version4.jpg">
<img src="imgs/Version5.jpg">
<img src="imgs/Version6.jpg">
<img src="imgs/Version7.jpg">
<img src="imgs/Version8.jpg">
<img src="imgs/Version9.jpg">

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

You can add, remove, or edit css attributes to different objects. 

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

By changing the margin, border, and padding.

**What are the differences between absolute, fixed, static, and relative positioning?**

static - elements render in order, as they appear in document flow
absolute - element is positioned relative to its first positioned ancestor element
fixed - element is positioned relative to the browser window
relative - element is positioned relative to its normal position
initial - sets this property to its default value
inherit - inherits this property from its parent element

**Which did you find easiest to use? Which was most difficult?**<commit_msg>Fix img path<commit_after>![alt tag](https://github.com/noahschutte/phase-0/blob/master/week-3/chrome-devtools/imgs/Version1.JPG)
![alt tag](https://github.com/noahschutte/phase-0/blob/master/week-3/chrome-devtools/imgs/Version2.JPG)
![alt tag](https://github.com/noahschutte/phase-0/blob/master/week-3/chrome-devtools/imgs/Version3.JPG)
![alt tag](https://github.com/noahschutte/phase-0/blob/master/week-3/chrome-devtools/imgs/Version4.JPG)
![alt tag](https://github.com/noahschutte/phase-0/blob/master/week-3/chrome-devtools/imgs/Version5.JPG)
![alt tag](https://github.com/noahschutte/phase-0/blob/master/week-3/chrome-devtools/imgs/Version6.JPG)
![alt tag](https://github.com/noahschutte/phase-0/blob/master/week-3/chrome-devtools/imgs/Version7.JPG)
![alt tag](https://github.com/noahschutte/phase-0/blob/master/week-3/chrome-devtools/imgs/Version8.JPG)
![alt tag](https://github.com/noahschutte/phase-0/blob/master/week-3/chrome-devtools/imgs/Version9.JPG)

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

You can add, remove, or edit css attributes to different objects. 

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

By changing the margin, border, and padding.

**What are the differences between absolute, fixed, static, and relative positioning?**

static - elements render in order, as they appear in document flow
absolute - element is positioned relative to its first positioned ancestor element
fixed - element is positioned relative to the browser window
relative - element is positioned relative to its normal position
initial - sets this property to its default value
inherit - inherits this property from its parent element

**Which did you find easiest to use? Which was most difficult?**
{'fraction_non_alphanumeric': 0.11706975113915177, 'fraction_numerical': 0.012618296529968454, 'mean_word_length': 5.0210970464135025, 'pattern_counts': {'":': 0, '<': 12, '<?xml version=': 0, '>': 12, 'https://': 9, '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': '5621854', 'n_tokens_mistral': 874, 'n_tokens_neox': 853, 'n_words': 277}