TimeNow Landing Page

{"ops":[{"insert":"Perfect to practice your responsive design, flex and/or grid skills.\n"}]}

Accountable Social Media Feed

{"ops":[{"insert":"Perfect for practicing modular components and responsive design.\n"}]}

Personal Blog

Javascript30 Navbar

Great job, looks like the content isn't constrained to a certain container, though!

Looks REALLY good. My 2c are as follows: The image on the second post seems VERY stretched out on Safari (looks fine on Chrome and Firefox). For the live stream on the right, ideally the live, viewer count, and title should be actually components instead of an image. 

Other than that, great job! 

Also just wanted to add that I've seen your other Codewell challenges and you seem to have a really good grasp on converting designs to actual websites in terms of dimensions, keep at it man!

Thanks for the advice and encouragement. It was a pleasure to read that my work is being done well. I will seek to improve it even more. Thank you very much man 😀

Both the pages in one:
https://codepen.io/ignitis/pen/PomKLRZ

Nice work!
Here are some thoughts from looking at this.
I liked your semantic use of html elements including the time element.
I think the width on the header is a bit suprising:     width: clamp(374px, 86vw, 1240px);
I think some padding around it might be simpler (20px for mobile, 40px for tablet and up).

The input is not an input. Positioning the button in an input is tricky though.
The min-width for the media query on the final large screen grid layout is 1024px. Which a few hundred pixels less than the actual width of all the content so it overflows for some screen sizes and messes up your header too.



It's great. I really like your idea for the mobile sidebar.

New Link:
https://bluedeepart.github.io/codewell-challenge/

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

Uploaded wrong netlify link, not in the index.html

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

{"ops":[{"insert":"I build this is site with Scss.\n"}]}

Time Now

Accountable

Build Using SCSS

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

 TimeNow/Pricing with Bootstrap 5

{"ops":[{"insert":"Build with react, tailwind css and styled component. \n"}]}

React Tailwind css

TimeNow Challenge (HTML/CSS) by Njorthr

Tailwind, grid, flex, typescript

{"ops":[{"insert":"TimeNow pages made using html , css and bootstrap\n"}]}

TimeNow main page and Price page

TimeNow Landing Page - (React.JS, Styled Components)

{"ops":[{"insert":"Personal Blog by Deepart\n"}]}

Personal Blog by Deepart

{"ops":[{"insert":"Feel free to rate my project ;)\n\nPure CSS and Vanilla JS\n"}]}

TimeNow

{"ops":[{"insert":"TimeNow challenge using Tailwind css\n"}]}

TimeNow challenge

{"ops":[{"insert":"First attempt, still need to make some improvements on the responsiveness. \n"}]}

TimeNow V1

{"ops":[{"insert":"I have used TailwindCSS and Javascript to make these pages\n\n"}]}

TimeNow Challenge

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

accountable-starter

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

Javascript30 Navbar Solution

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

ondeck

TimeNow-Landing-Page

{"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"}]}

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":"Gone pretty well ! added the responsive menu too.\n"}]}

Gone well

landing page navbar

navbar

{"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

Javascript30

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

LandingPage_Javascript30

Javascript30-Navbar

It's alive

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

JS30NAVBAR

My navbar

{"ops":[{"insert":"Mobile First \nSass\nHtml\nJavascript\n"}]}

Time Now Landing Page

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

Javascript 30 Navbar - Tushar Kanjariya

Navbar challenge using sass

Odneck Awsome Landing page

{"ops":[{"insert":"Build with Tailwind CSS and JavaScript \n"}]}

Time-Now Landing Page

On desk

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

My first simple solution!

{"ops":[{"insert":"I used next.js and tailwindcss.\nGive me your feedback!\n"}]}

personal blog

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

JS30 Navbar

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

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

codewell project

Javascropt30-Navbar Challange COMPLETED

javascript30-navbar-starter

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

Solution !!

social-media

{"ops":[{"insert":"cool project. just I used css,html and js\n"}]}

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

{"ops":[{"insert":"Built with html and css.\n"}]}

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

Javascript 30 NavBar using FlexBox

Ondeck landing with Flexbox

NavBar responsivo 

{"ops":[{"insert":"Muito bom para praticar e fixar os conceitos do framework TailwindCSS.\n"}]}

Responsive Navbar ReactJS + Tailwind

The best navbar :)

{"ops":[{"insert":"I could not find information about drop-down menu. I create a new one.\n"}]}

Created with vue.js and tailwind.css

Challenge Done !

{"ops":[{"insert":"Responsive landing page Navbar\n"}]}

Responsive landing page Navbar

{"ops":[{"insert":"well, its sound good\n"}]}

nice

{"ops":[{"insert":"Responsive landing page Timer now using sass/scss - jquery\n"}]}

Responsive landing page Timer now using sass/scss - jquery

{"ops":[{"insert":"Made it with Html, Scss, JS\n"}]}

Personal-blog

JavaScript30 Landing Page

Landing Page With follow along Navbar

Landing page using HTML and CSS

desafio

{"ops":[{"insert":"this nav bar is created using html and CSS and js \n"}]}

JavaScript Navbar with Sub Menu

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

Navbar Start

MySolution

{"ops":[{"insert":"TimeNow Landing Page\n"}]}

{"ops":[{"insert":"amazing challenge.\nthanks you codewell \n"}]}

Evariste Nouaga

hmmmm

Created with React.js and Typescript

Nav Bar responsive solution

{"ops":[{"attributes":{"bold":true},"insert":"Javascript30 Navbar"},{"insert":"\n"}]}