<commit_before>Reflection

What did you learn about CSS padding, borders, and margin by doing this challenge?

I learned that CSS padding is important because it allows the user to better see the content. Chose to add padding to all my content sections.  With borders, I learned that there are many different styles of borders to choose from. I learned that with margin you can use the auto option to center the content in the center of the page.

What did you learn about CSS positioning?

I learned that you can use the absolute positioning if you want to keep an item in one place to ensure it does not affect the content around it. I chose to do this for my social media links. I did not add positining to my other items, as I am still having a bit of difficulty deciding which is the best option and how to formal it properly.

What aspects of your design did you find easiest to implement? What was most difficult?

The aspects of my design I found easiest to implement was font style, font color, background color, and border style. The aspects I found most difficult was moving the elements to different parts of the page. I had trouble finding out how to separate each item within a particular class, and plan to do more research into this (potentially creating a table instead). It is difficult to decide which is the most appropriate type of positioning and what additional details are the most important to include.

What did you learn about adding and formatting elements with CSS in this challenge?

I learned that in CSS it is important to pay close attention to detail. The pixels must be accurate in order to hold all of the content. I also learned that even a basic looking website takes a decent amount of formatting, and it is important to fully understand all of the element options that are available. CSS has shown me that any type of design is possible, but it takes discipline and patience. I hope to continue practicing my positioning and formatting skills, as it seems to be the most important part of a fluid website.<commit_msg>add link to styled website<commit_after>Reflection

Link to site:

file:///Users/katherinebroner/Desktop/DBC/katherinebroner.github.io/index.html


What did you learn about CSS padding, borders, and margin by doing this challenge?

I learned that CSS padding is important because it allows the user to better see the content. Chose to add padding to all my content sections.  With borders, I learned that there are many different styles of borders to choose from. I learned that with margin you can use the auto option to center the content in the center of the page.

What did you learn about CSS positioning?

I learned that you can use the absolute positioning if you want to keep an item in one place to ensure it does not affect the content around it. I chose to do this for my social media links. I did not add positining to my other items, as I am still having a bit of difficulty deciding which is the best option and how to formal it properly.

What aspects of your design did you find easiest to implement? What was most difficult?

The aspects of my design I found easiest to implement was font style, font color, background color, and border style. The aspects I found most difficult was moving the elements to different parts of the page. I had trouble finding out how to separate each item within a particular class, and plan to do more research into this (potentially creating a table instead). It is difficult to decide which is the most appropriate type of positioning and what additional details are the most important to include.

What did you learn about adding and formatting elements with CSS in this challenge?

I learned that in CSS it is important to pay close attention to detail. The pixels must be accurate in order to hold all of the content. I also learned that even a basic looking website takes a decent amount of formatting, and it is important to fully understand all of the element options that are available. CSS has shown me that any type of design is possible, but it takes discipline and patience. I hope to continue practicing my positioning and formatting skills, as it seems to be the most important part of a fluid website.  In addition to the CSS, I was having trouble properly linking the updates to my personal website, as the formatting looked like it did not carry over.  Github should reflect the styling updates but there may be issues viewing the site in the web browser.
{'fraction_non_alphanumeric': 0.02031703505246707, 'fraction_numerical': 0.0, 'mean_word_length': 4.270588235294118, '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': '7607886', 'n_tokens_mistral': 964, 'n_tokens_neox': 942, 'n_words': 782}