<commit_before>-How can you use Chrome's DevTools inspector to help you format or position elements?

Chrom DevTools allows web developers deep access into the internals of the browser and their web application. You can use the DevTools to efficiently track down layout issues, set JavaScript breakpoints, and get insights for code optimization.

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

You assign a class or ID to that specific element and resize it from there.

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

A static element is not positioned in any way. A fixed element is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled. A fixed position is When you want to keep an element in the same spot in the viewport no matter where on the page the user is. Absolute behaves like fixed except relative 
to the nearest positioned ancestor instead of relative to the viewport. I found relative positing easiest to use because it moved along with the other shapes when making changes. I found absolute positing the most difficult to use. 

-What are the differences between margin, border, and padding?

Padding is the space between the content and the border, whereas margin is the space outside the border. 

-What was your impression of this challenge overall? (love, hate, and why?)

I disliked this challenge. I got the hang of devtools, but didn't exactly enjoy it. The equidistant portion of the assignment got tedious for me. 

![Alt text](week-3/imgs/ChangeTheColors.jpg)
![Alt text](week-3/imgs/Column.jpg)
![Alt text](week-3/imgs/Equidistant.jpg)
![Alt text](week-3/imgs/Footer.jpg)
![Alt text](week-3/imgs/GetCreative.jpg)
![Alt text](week-3/imgs/Header.jpg)
![Alt text](week-3/imgs/Row.jpg)
![Alt text](week-3/imgs/Sidebar.jpg)
![Alt text](week-3/imgs/Squares.jpg)<commit_msg>fixed images again<commit_after>-How can you use Chrome's DevTools inspector to help you format or position elements?

Chrom DevTools allows web developers deep access into the internals of the browser and their web application. You can use the DevTools to efficiently track down layout issues, set JavaScript breakpoints, and get insights for code optimization.

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

You assign a class or ID to that specific element and resize it from there.

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

A static element is not positioned in any way. A fixed element is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled. A fixed position is When you want to keep an element in the same spot in the viewport no matter where on the page the user is. Absolute behaves like fixed except relative 
to the nearest positioned ancestor instead of relative to the viewport. I found relative positing easiest to use because it moved along with the other shapes when making changes. I found absolute positing the most difficult to use. 

-What are the differences between margin, border, and padding?

Padding is the space between the content and the border, whereas margin is the space outside the border. 

-What was your impression of this challenge overall? (love, hate, and why?)

I disliked this challenge. I got the hang of devtools, but didn't exactly enjoy it. The equidistant portion of the assignment got tedious for me. 

![Alt text](week-3/imgs/ChangeTheColors.png)
![Alt text](week-3/imgs/Column.png)
![Alt text](week-3/imgs/Equidistant.png)
![Alt text](week-3/imgs/Footer.png)
![Alt text](week-3/imgs/GetCreative.png)
![Alt text](week-3/imgs/Header.png)
![Alt text](week-3/imgs/Row.png)
![Alt text](week-3/imgs/Sidebar.png)
![Alt text](week-3/imgs/Squares.png)
{'fraction_non_alphanumeric': 0.06430211788721613, 'fraction_numerical': 0.0045930084205154376, 'mean_word_length': 4.560283687943262, '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': '2134158', 'n_tokens_mistral': 1045, 'n_tokens_neox': 1011, 'n_words': 569}