Build a Responsive Search Bar - HTML & CSS

Build a Responsive Search Bar - HTML & CSS

Mike Dane via YouTube Direct link

- Outro

10 of 10

10 of 10

- Outro

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Build a Responsive Search Bar - HTML & CSS

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Introduction
  2. 2 - Scaffolding out the HTML
  3. 3 - Using Icons w/ FontAwesome
  4. 4 - Using Flexbox to layout the icons
  5. 5 - Adding margins
  6. 6 - Making it responsive
  7. 7 - Styling the input element
  8. 8 - Changing the placeholder color
  9. 9 - Adding a box shadow
  10. 10 - Outro

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.