Chrome Dev Tools

Take a look at this screenshot:

screenshot

Using the Chrome dev tools, try to recreate this screenshot from Google.com.

This is meant to be exploratory! So you'll have to dig through some HTML elements and their CSS to make this work. For example, you'll have to modify the float property of the image in the search bar - something we haven't touched on yet.

The General Assembly large logo can be sourced from the General Assembly homepage and the smaller logo, in the search bar, will have to be found through Google.
Remember, don't refresh the page, otherwise you'll lose all your work modifying the DOM.

results matching ""

    No results matching ""