

To copy the HTML, select an element and click “Inspect” to open the DevTools. If you want to clone a site like this, follow these steps. Simple websites likely have just one CSS and HTML file, but more complex sites, like Twitter, can have several. When you find the JavaScript files, you can open and copy them over to your text editor. You right-click on the element, choose “Inspect,” and scroll through the elements on the page. Type in the file that you want, such as styles.css or index.html, then select the code and copy it into a text editor or into a Codecademy workspace if you’re signed up for Codecademy Pro.

Click on the three dots at the top-right of the page and select “Open File,” which shows you all the files associated with that page.As you select elements, you can see the CSS, which shows details like the maximum width and margins.As you scroll, you can see all the elements of the page, from the header to the footer.At the top, you can see the site’s HTML.

