Gradie Sign Up Page

Comment Module 

Javascript30 Navbar

Looks good, on mobile though the checkbox overflows and goes over the container.

Your code is very nice. 
I am from India. Just wanted to connect with you. 
If you don't have problem, Can you please tell me,
How many years of experience do you have in coding? And what are your skills? 

Hey, I've seen your repository, you've made some really cool projects.

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.

dont used fixed size like px if yout want responsive use this % instead.

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

box-shadow: 0 0 10px #ddd;
this shadow will be better.

Author: The issue has been fixed.  A simple media query on landscape orientation was sufficient for this slight re-adjustment.

Uploaded wrong netlify link, not in the index.html

Correct link: https://dazzling-druid-2cd454.netlify.app

Hello friend. At least in mobile when you open the menu and then products, you can close the menu En products is still visible. You can keep scrolling the page and touching outside the menu and it won't disappear until you select a product. Hope little feedback helps

Hey FreshtaM you made a wonderful project  as same as design  is provided. I think you do more work on it's mobile first version you can clearly se that your nav bar is started breaking in 1222px so at that time you could hide it as it is not looking appealing at that time. And I think you forgot to add functionality (products) in nav bar as given in design.

{"ops":[{"insert":"Recursive comment\n"}]}

Preview with sandbox

{"ops":[{"insert":"Made with html, scss\n"}]}

Gradie Sign up page

{"ops":[{"attributes":{"code-block":true},"insert":"\n"}]}

Gradie-Codewell

{"ops":[{"insert":"Purely used the Bootstrap 5 base classes to structure and style the form.\n"}]}

Gradie Sign up page with Bootstrap 5

{"ops":[{"insert":"Developed without any framework, just pure css\n"}]}

{"ops":[{"insert":"For this challenge I used flexbox\n"}]}

Sign Up Page

Comment starter page with Bootstrap 5

Gradie Sign Up

{"ops":[{"insert":"SignUp page\n\n-HTML\n-CSS\n"}]}

Sign Up page

{"ops":[{"insert":"Please provide your value able feedback.\n"}]}

GradieSignup

{"ops":[{"insert":"Sign up form with Sass\n"}]}

Gradie Sign up Page

Mobile First | HTML, CSS, JS

{"ops":[{"insert":"Hi, I created the Login Page with pure HTML and CSS.\n"}]}

Login Page

login page

Gradie Sign Up solution 

Gradie 

Gradie Layout

Comment Box with Tailwindcss(JIT)

CupACoffee

Gradie Sign up page using html and css

Gradie Login Modal

Gradie Sign Up Page with HTML and CSS

Gradie Login Form

{"ops":[{"insert":"I will accept any feedback\n"}]}

Gradie-Login

{"ops":[{"insert":"I've created the CSS using grid and flex.\n"}]}

codewell-gradie-sign-up-starter

{"ops":[{"insert":"I have finished this one using CSS3 and JS for form validations\n"}]}

Form with form validations

Gradie Sign Up Page Using HTML And CSS

Gradie Sign up Challenge solution

{"ops":[{"insert":"This is my first project in codewell, enjoyed doing in it.\n"}]}

Gradie-Signup-Page

{"ops":[{"insert":"meh, it's made as your challenge directed\n"}]}

Gradie Solution

{"ops":[{"insert":"This Gradie Login page is done using HTML and CSS.\n"}]}

Gradie Login page

comment page made with html , css and bootstrap

My solution without any framework, just vanilla CSS. No javascript yet.

{"ops":[{"insert":"Made with html ,css with flexbox\n"}]}

Gradie solution  

Grdie Sign Up Component

Gradie signup page using HTML and CSS

Gradie Login Page

{"ops":[{"insert":"Learn how to build a responsive website.\n"}]}

GRADIE SIGN UP PAGE

{"ops":[{"insert":"noob "},{"attributes":{"align":"center"},"insert":"\n"}]}

Gradie sign up solution

{"ops":[{"insert":"Technologies: Sveltekit, Tailwind CSS, Github Pages\n"}]}

{"ops":[{"insert":"Made with html,css with flexbox\n"}]}

Gradie solution without  a  framework

{"ops":[{"insert":"made  with grid layout and flexbox\n"}]}

Comment page  with html and vanilla css 

{"ops":[{"insert":"Used:\nPARCEL\nSCSS\nSTYLELINT\nFLEXBOX\nCSS GRID\nGITHUB-PAGES\n\n"}]}

Gradie solution by psplawski.dev

{"ops":[{"attributes":{"bold":true},"insert":"Gradie Sign Up Page"},{"insert":"\n"}]}

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

SignUp Page with SASS

Gradie Login Panel

Gradie Signup Page

Gradie Page

Gradie Sign UP

{"ops":[{"insert":"This was an interesting page and I had fun making it :)\n"}]}

{"ops":[{"attributes":{"align":"center"},"insert":"\n"}]}

Tela de Login

comment-starter

CommentSECTIONUI (html+css)

sign up page

Gradie sign-up

{"ops":[{"insert":"Made with flexbox and i started writing my codes from mobile view \n"}]}

{"ops":[{"insert":"Made with the use of Flexbox and SASS. By BEM. Adaptive.\n"}]}

Comment Module Section

{"ops":[{"insert":"styled using tailwind CSS mobile first approach.\n"}]}

Gradie-signup-page

Gradie Sign up

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

Page made with Tailwind CSS

{"ops":[{"insert":"Gradie Sign Up Page (HTML and CSS)\n"}]}

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

Javascript30 Navbar Solution

Gradie signup form

{"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":"I have coded for desktop/pc.\n"}]}

{"ops":[{"insert":"Its responsive I'll try my best. Open for feedback\n"}]}

LogIn Page

Barra de navegacion con JavaScript

JavaScript NavBar

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

CodeWell01 - Navbar

{"ops":[{"insert":"Helped me learn a lot about flex and responsive web design \n"}]}

Javascript30 Navar

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

Navbar javascript

{"ops":[{"insert":"Created from scratch with HTML\n"}]}

Comment Module Solution

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

js30NavBar

{"ops":[{"insert":"It was quite interesting working on this project.\n"}]}

JavaScript30 Navbar 

javascript navbar

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

Gone well

landing page navbar

navbar

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

javascript30 navbar

Comment module buill using html, sass and js

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

This is my solution

{"ops":[{"insert":"This is my first HTML & CSS Coding very interesting to do. \n"}]}

Signup_Webpage

{"ops":[{"insert":"Why people here do not give feedback, Is it expansive.\n\n"}]}

gradient landing page

JS30 Navbar Challenge

Javascript30

{"ops":[{"insert":"Just a simple HTML and CSS to make the site\n"}]}

The Gradient sign up

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

LandingPage_Javascript30

{"ops":[{"insert":"USED TAİLWİND CSS\n"}]}

Javascript30-Navbar

Comment Module

Gradie-Sign-Up 

It's alive

Gradie | Vite + Tailwind

{"ops":[{"insert":"Made with React JS.\nGive me your feedback!\n"}]}

JS30NAVBAR

My navbar

{"ops":[{"insert":"developed a webpage using Tailwindcss Library.\n"}]}

Javascript 30 Navbar - Tushar Kanjariya

Navbar challenge using sass

Odneck Awsome Landing page

On desk

{"ops":[{"insert":"thats a small solution for the layout\n"}]}

My first simple solution!

Gradie Sign In

{"ops":[{"insert":"Interesting template.\nGive me your feedback!\n"}]}

JS30 Navbar

{"ops":[{"insert":"This Is My First Challenge!\n"}]}

This is a solution for Gradie Sign Up Page

{"ops":[{"insert":"this is my first project\n"}]}

codewell project

{"ops":[{"insert":"With Tailwind CSS\n"}]}

Codewell Gradie Sign Up Page

{"ops":[{"insert":"It was good to try\n"}]}

Gradie Sign Up 

Javascropt30-Navbar Challange COMPLETED

javascript30-navbar-starter

{"ops":[{"insert":"#bootstrap \n#plugin#wow#html#css\n"}]}

Gradie-Sign-up

{"ops":[{"insert":"What do you think ?\n"}]}

Solution !!

{"ops":[{"insert":"Took a while but it was fun ❤️\n"}]}

Gradie responsive Sign-Up

{"ops":[{"insert":"very high responsive\n"}]}

{"ops":[{"insert":"built with html, css and javascript.\nonly for desktop view\n"}]}

just 2 hours

{"ops":[{"insert":"Ondeck landing page using Flexbox and css classes.\n"}]}

Javascript 30 NavBar using FlexBox

Ondeck landing with Flexbox

NavBar responsivo 

{"ops":[{"insert":"The challange is so simple and perfect, recommended  to beginners\n"}]}