Donate –
Twitter –
Code along with me as I build and style a beautiful and responsive search bar in HTML/CSS. We’ll talk about styling inputs, using icons and the flexbox layout system!
Codepen Link –
Timestamps:
0:00 – Introduction
2:24 – Scaffolding out the HTML
4:38 – Using Icons w/ FontAwesome
8:48 – Using Flexbox to layout the icons
12:36 – Adding margins
15:22 – Making it responsive
17:47 – Styling the input element
22:31 – Changing the placeholder color
23:41 – Adding a box shadow
26:18 – Outro
