Name: Challenge: Expanding Search Bar
Uploaded: 2023-02-12T22:45:15.345Z
Duration: 2 min 21 s
Description: Challenge: Expanding Search Bar

scrimba

Watch in fullscreen

Challenge: Expanding Search Bar

by Treasure Porth

CSS Challenges

About

Comments

Notes

Solution: Expanding Search Bar3:52

Challenge: Expanding Search Bar

by Treasure Porth

CSS Challenges

Expand for more info

Solution: Expanding Search Bar3:52

index.html

run

preview

console

<!doctype html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <div class="container">
          <input type="search" 
                class="search-bar" 
                id="search-field"
                placeholder="Search..."/>
        </div>
    </body>
</html>

<!doctype html>

<html>

<head>

</head>

<body>

<input type="search"

class="search-bar"

id="search-field"

placeholder="Search..."/>

</div>

</body>

</html>

-2:20