Coder Me

  * { margin : 0 ; font-family : Arial , Helvetica , sans-serif ; border : border-box ; } .navbar {     height : 60px ;     background-color : #0f1111 ;     Color : white ;     display : flex ;     align-items : center ;     justify-content : space-evenly ; } .logo {     background-image : url ( "amazon_logo.png" );     height : 50px ;     width : 100% ;     background-size : cover ; } .nav-logo {     height : 50px ;     width : 100px ; } .border {     border : 1.5px solid transparent ;     } .border:hover {     border : 1.5px solid white ; } /**box2 Adress**/ .ads-icon {     display : flex ; } .ads-up {     color : #cccccc ;     font-size : 0.8rem ;     margin-left : 10px ; } .ads-low {     font-size : 1rem ;     margin-left : 3px ;     font-weight : bold ; } /...

! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Amazon Clone </ title >     < link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity = "sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin = "anonymous" referrerpolicy = "no-referrer" />     < link rel = "Stylesheet" href = "Style.css" > </ head > < body > < header >     < div class = "navbar" >         < div class = "nav-logo border" >             < div class = "logo" ></ div >         </ div >         < div class = "nav-adress border...