jmacqueen/CSS Task.md

Last active July 27, 2021 16:07

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/jmacqueen/09a4c02793865edb935234d0636777f7.js"></script>
Save jmacqueen/09a4c02793865edb935234d0636777f7 to your computer and use it in GitHub Desktop.

Download ZIP

CSS Exercise

Raw

CSS Task.md

The Task

Given the HTML markup:

<button class="checkout-btn">
  checkout
</button>

Without changing the HTML, make the button look reasonably similar to the screenshot below. It doesn't have to have pixel-perfect measurements. Feel free to use Google. Try not to spend more than an hour on it. The colors used are: lightsteelblue, steelblue, white and darkslategray and the font is whatever sans-serif floats your boat.