First Article - Chrome Dev Tools

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

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/.

Chrome Developer Tools Introduction

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".

PreviousArticle CSSNextArticle Grid

Last updated