---
description: Learning to use the Chrome Developer Tools to analyze live web pages.
---

# First Article - Chrome Dev Tools

The Chrome Developer Tools are going to become one of your best tools to help you build better web sites.

### Published Site

The Jellyfish Article is published at [https://sharp-poincare-458620.netlify.app/](https://sharp-poincare-458620.netlify.app/).

### Chrome Developer Tools Introduction

{% embed url="https://www.youtube.com/watch?v=wcFnnxfA70g" %}

### Assignment

Watch the introductory video above and perform the following actions with the published site.

* Hide the video element
* Change the color of the text for the "SCIENCE" topic link at the top of the page to blue.
* Select the author profile image in the title section and then modify the CSS settings in the Styles tab to uncheck the width and height properties.
* Select the "MEET THE JELLIES" h2 element and in the Styles tab change the border-bottom width to 100px.
* Select some of the paragraph text under one of the jelly sections. In the style tab, click the "+" to add a new style rule and enter "background-color:red".





###

###
