omrajsharma/acciojob-zomato-clone

Hi 👋, I'm Omraj Sharma

"A passionate frontend developer from India"

• 💻 Software Engineering WheelsEye

• 🌱 I’m currently learning How to write clean code

• 💬 Ask me about Vue, React & UI Designing

• 👨‍💻 All of my projects are available at HERE

• 📄 Know about my experiences HERE - My Portfolio Website

• 📫 Reach out to me at [email protected]

• ⚡ Fun fact I love teaching

🛠  Tech Stack

• 💻  

• 🌐  

• 🛢  

• ⚙️  

• 🔧  

Github Status

Connect with me:

Support :

acciojob-zomato-clone's Issues

Logo size issue

First of all thank you for this video
CSS code:
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
body{
margin: 0;
padding: 0;
text-decoration: none;
font-family: 'Poppins',sans-serif;
}
header{
width: 100%;
height: 70vh;
overflow: hidden;
position: relative;
object-fit: cover;
margin-bottom: 2rem;
}
.main-photo{
width: 100%;
position: absolute;
top: -20vh;
z-index: -1;
}
.main-photo img{
width: 100%;
}
.option{
display: flex;
justify-content: space-between;
align-items: center;
color:white;
font-size: 1rem;
margin: 0 40 px;
}
.option-bar{
list-style: none;
font-weight: lighter;
display: flex;
gap: 1.5rem
}
.entrance{
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 7vh;
align-items: center;
}
.logo{
width: 20vw;
}
.entrance h3 {
font-size: 2.1rem;
color: whitesmoke;
font-weight: 400;
}
.search {
display: flex;
width: 55vw;
/* justify-content: center; */
align-items: center;
border-radius: 10px;
background: white;
padding: 5px 4px
}
.search .item{
display: flex;
align-items: center;
margin-left: 10px;
}
.search .item p {
color: gray;
border-right: 1px solide gray;
font-size: 15px;
margin-right: 10px;
padding-left: 10px;
}
.search .item input {
outline: none;
border: none;
width: 200%;
padding-left: 10px;
font-size: 15px;
}
.search .item:first-child{
width: 30%;
color: rgb(255, 126, 139);
}
.search .item:last-child{
width: 70%;
color: gray;
}
HTML code:
zomato.txt