{"ops":[{"insert":"A fun and simple project to practice responsiveness and positioning.\n"}]}

Meeet Waitlist Template

Javascript30 Navbar

Correct link to live demo
https://competent-elion-cbde7a.netlify.app

Hi. Great work. I dwelled into this for a while. I'm reckon there might be an autonomous way but here is a simplified syntax.

<h1>Meet New Entrepre<span style="z-index: 4;margin: 0;">neurs</span></h1>

Instead of using two spans, just use one and remove all the margins from that span. 

First thing Ur Twitter logo is fixed change it. And responsiveness is sucked first divide everything in parts and make it full responsive first like logo first then the main section then the footer.

My files dont contain the 6th avatar, is there any way i can get it please?

Good to see the page, but in laptop screen size I see twitter logo coinciding with button.

If you pay the $8 monthly, you get the figma files. This file is kind of like photoshop where you can extract images (i.e. the 6th avatar). You can also find the width and height of things, the line height etc. You can use the ruler tool to to measure distances. 

Alternatively, you can also snippet tool the extract and save it as an image and import it into your html, give it a class and change the width and height to replicate it to the best of your ability.

You changed the width of body that resulted in inresponsiveness of your website. Use padding in body for gap

Hi SauravHeavyCoder
Thank you for the feedback provided. much appreciated
I will try it in the future and if i understand you correctly i should rather use a 10% padding on the left and right and not a fixed width of 80% with a margin of 0 and auto.


Hover animation on navbar links is so cool. How you do it?

Nice bro. Just update your live website link.

You didn't set up GitHub Pages to see the website live.

Very great work and neat codes but you should try to reduce the width of the hero-image img so the hero image wont overlap the footer at full screen for desktop.
Also you can try reducing the (*) padding so the gradle menu in it can align well with the rest in the drop down menu 
great work!!! whoever you are

sorry the Repositorie is deleted by mistake check my another submission.
thankyou

Meeet Challenge Solution

{"ops":[{"insert":"I don't know if my work is correct, I'm just a newbie in web development\n"}]}

{"ops":[{"insert":"Made with HTML and CSS\n"}]}

Meeet-waitlist-template

The challenge on responsiveness and positioning

Meeet

meeet-template-starter

{"ops":[{"insert":"this was a super a fun little challenge, I really enjoyed it.\n"}]}

Meeet Template Challenge solution

Meeet Waitlist Template | Responsive | HTML CSS

{"ops":[{"insert":"Amazing Project.\n"}]}

Meeet-Social

Took me sometime to nail the size right on various displays.

Meet New Entrepremeurs Landing Page

{"ops":[{"insert":"This is an interesting project.\n"}]}

Meet Template Starter

 Meeet-Waitlist-Template

{"ops":[{"insert":"i only get 5 avatars :(\n"}]}

not perfect

a bit tricky for me

JavaScript30_Navbar

{"ops":[{"insert":"A responsive landing page of Ondeck - Video calling service app\n"}]}

Ondeck - Video Calling Service

{"ops":[{"insert":"Solution to On Deck landing page built with nuxt.js and fully responsive\n"}]}

On Deck solution built with nuxt.js

Meeet Template Challange Solution

{"ops":[{"insert":"Ondeck - Javascript30 Navbar  Solution\n"}]}

Javascript30 Navbar Solution

I tried my best 

{"ops":[{"insert":"solution to a codewell exercise\n"}]}

ondeck

{"ops":[{"insert":"this is my solution to the exercise\n"}]}

Solution to codewell navbar with js

Ondeck

{"ops":[{"insert":"Meeet Waitlist Template (HTML/CSS)\n"}]}

{"ops":[{"insert":"I have coded for desktop/pc.\n"}]}

Barra de navegacion con JavaScript

JavaScript NavBar

{"ops":[{"insert":"Responsive, with grid and js. \nWithout figma file :( \n"}]}

CodeWell01 - Navbar

Javascript30 Navar

{"ops":[{"insert":"This project was a bit challenging 😅\n"}]}

Navbar javascript

{"ops":[{"insert":"Interesting project\n"}]}

js30NavBar

JavaScript30 Navbar 

javascript navbar

{"ops":[{"insert":"Its responsive as mentioned in problem statement.\n"}]}

{"ops":[{"insert":"Gone pretty well ! added the responsive menu too.\n"}]}

Gone well

landing page navbar

navbar

meet template built with html and css

{"ops":[{"insert":"This is my solution.\n"}]}

javascript30 navbar

{"ops":[{"insert":"I only use a little bit of Javascript for mobile navigation.\n"}]}

This is my solution

JS30 Navbar Challenge

Responsive web site using two-dimensional transformation CSS properties

Javascript30

{"ops":[{"insert":"First Challenge complete✌🏻"},{"attributes":{"header":2},"insert":"\n"}]}

Meeet template luispazcode

Meet Waitlist Template ➡️ Mobile first

Responsive web site using two-dimensional transformation CSS properties