Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Responsive Search Bar - HTML & CSS

Mike Dane via YouTube

Start learning Write review
CodeSignal Ad

2,000+ Free Courses with Certificates: Coding, AI, SQL, and More

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This beginner course demonstrates how to build and style a responsive search bar using HTML and CSS. It covers Font Awesome icons, Flexbox layout, input and placeholder styling, margins, and box shadows without adding JavaScript functionality.

Syllabus

- Introduction
- Scaffolding out the HTML
- Using Icons w/ FontAwesome
- Using Flexbox to layout the icons
- Adding margins
- Making it responsive
- Styling the input element
- Changing the placeholder color
- Adding a box shadow
- Outro

Taught by

Mike Dane

Reviews

Start your review of Build a Responsive Search Bar - HTML & CSS

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.