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 - https://codepen.io/mikedane94/pen/wvowGgJ

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

#html #css #web-development