CSS Exercise week 2

A template you can use to start building out your own style guides with.

Interactive Elements

In-text link

Checkout this the latest info we have on Black Holes HERE!

Navigation Link

CSS selector:

.button-nav

Rendered element:

Default Button

Text Input Field with Label Name:

Select a city:

Any questions?:

Image as a Link

Read more about the Milky Way's black hole discovery on Space.com

Text Elements

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Paragraphs

Scientists recently captured a stunning image of the Milky Way's supermassive black hole, revealing new features of its structure. Using advanced imaging techniques, researchers discovered a hidden area around the black hole, showing how powerful magnetic fields interact with its surroundings. These findings provide deeper insights into how black holes behave and affect nearby stars and galaxies.

Numbered Lists

Combined Elements

Main Navigation

Product/Service Listing

Citations

Matteson, Steve. Designer. 2011. Open Sans [Font]. Retrieved from https://www.google.com/fonts#QuickUsePlace:quickUse/Family:Open+Sans
Howell, E. (2023, August 24). Milky Way's supermassive black hole reveals a hidden feature in new image. Space.com. Retrieved from https://www.space.com/black-hole-milky-way-new-image-hidden-feature
ChatGPT. (2024, September 18). Paragraph content on black holes. OpenAI's ChatGPT.
ChatGPT. (2024, September 18). Assistance with linking the image in the HTML file. OpenAI's ChatGPT.