{"ops":[{"insert":"Great template to practice your CSS transform and flex skills.\n"}]}

Hosterr Waitlist Page

{"ops":[{"insert":"Perfect for practicing HTML/CSS and simple creation/deletion in Javascript.\n"}]}

linkProfile App

Web Developer Portfolio

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

Personal Blog

Javascript30 Navbar

Got the same feedback as yours, everything looks great except the hamburger menu, maybe you could even add a placeholder to the email field.

Great job!

Looks really good, I don't have any comments design-wise! Great job :D

Hi, did you have a problem with your images?

Mine has a weird background thing, I can't get rid of.

Great work!
I can't for the life of me get rid of the weird background thing my images have


Really good job man. Try to cap the size of the image on the right side though. Just so it doesn't overflow on larger screens. Maybe flexbox would help make the positioning easier?

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

thats good 

i have one advice instead of using 

Hey, really great solution provided! I just have one piece of feedback, can you try and fit the page in 100vh? Because I think that's what is needed in the 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.


The desktop mode on mobile has issues with proper alignment 

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

Please Download first then open document 

hi bro how your code in live project please help me the way to live my code .....

Great work Nathan. Just a few simple suggestions from my side. First of all I use a 1920 wide display and I feel the font size is a little small, and it would be even better if it is bigger. In your website the main header's width is small which makes it awkward to see, try using width: 100% and control that with max-width so that it would be responsive. The last thing I noticed is that in the image part the second image is bigger than the first one,  try object-fit: cover in your code. Hope you find it helpful...✌

You did so well. I want to know a few things about Bootstrap5.

I had issues when I viewed the page on my mobile phone, it all changed from what it was on the developers tool screen size for mobile, the issue now is, I don't know the specific breakpoints in my source code that I'll track modified and correct so that the page won't have issues.
I don't know what breakpoints to track, how can I do that

Hello Nicholas, you should have tried hiding the get-in-touch button for the mobile design, asides that, the code is Perfect.


Also the link you provided to view the source code isn't for this developer portfolio challenge, try making an adjustment, as I'd also like to see the code and check for the possible ways I've made mistakes while writing my own code for the same challenge.

Moreover, what was the breakpoints you used in designing for mobile and desktop?

The designs I Made for my mobile doesn't seem like the mobile design when I published the challenge and viewed it on a mobile phone, I'd like to know how you did yours or if you experience the same difficulty.
Thank you

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.

Hi there! Your project concept for the Hosterr Waitlist Page Challenge looks fantastic! I'm impressed by your attention to detail, especially the subtle animations, responsive design, and overall user experience. It's clear that you've put a lot of thought and effort into this.

I'd love to see your project in action when it's deployed. However, it seems like there might be an issue with the current deployment. Can you please check and ensure that your project is live and accessible? I'm excited to take inspiration from your work to enhance my own coding and design skills.

Great job on your project, and I look forward to seeing it live soon!

Basic vanilla landing page

{"ops":[{"insert":"Comments and suggestions are welcome.\n"}]}

Hosterr Landing Page

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

Hosterr page with Bootstrap 5

Hosterr Starter Landin page with  HTML, CSS, JavaScript &  GSAP

{"ops":[{"insert":"Hosterrr Landing page.\n"}]}

Hosterrr

Hosterr Waitlist Page with HTML, CSS and JS

{"ops":[{"insert":"This was encode with practically effective HTML and CSS language........\n"}]}

Hosterr website design 

Hosterr waitlist landing page

Free Hosterr Waitlist Page

Hosterr Waiting Page by nadineamanda.com

{"ops":[{"insert":"Hosterr page using Grid and flexboxx\n"}]}

Hosterr Page using Grid

Hosterr Website

{"ops":[{"insert":"Great challenge, great for improving flex skills \n"}]}

Hosterr Waitlist

{"ops":[{"insert":"The challenging part was making those images responsive in this page.\n"}]}

Landing Page

Hosterr Waitlist page solution

hosterr waitlist by felipe couto :)

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

Personal Blog by Deepart

{"ops":[{"insert":"include animation for elements\n"}]}

Hosterr

{"ops":[{"insert":"Any feedback is welcome.\n"}]}

Hosterr Challenge Solution

solution about this

hosterr-starter-files

{"ops":[{"insert":"I made a responsive Hosterr WaitList Page\n"}]}

Hosterr WaitList Page

Hosterr Waitlist Landing page

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

Hosterr Challenge

Challenge Completed using HTML and CSS 

{"ops":[{"insert":"It was fun working on this project using HTML and CSS. \n"}]}

Hosterr landing page

Love to solve the challenge . It helps a lot to improve my skills and knowledge too.

{"ops":[{"insert":"it was a tricky one but managed to complete.\n"}]}

Hosterr - Web Hosting Site

{"ops":[{"insert":"this is my first time using Codewell. it helped me with my skill on css\n"}]}

Hosterr 

Hosterr waitlist using Bulma css, Jekyll, Netlify

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

HOSTER

a bit tricky for me

{"ops":[{"insert":"Created with React, Sass, Vite\n"}]}

Hosterr landing page using tailwind css

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

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

Javascript30 Navbar Solution

{"ops":[{"insert":"Here is my solution to the challenge.\n"}]}

Hosterr-Waitlist-Page

link_Profile_starter

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

ondeck

{"ops":[{"insert":"First challenge with react\n"}]}

Hosterr Waitlist Page React

{"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":"This was somewhat hard to do and my code is super messy\n"}]}

 Hosterr Waitlist Page

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

My Solution

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

{"ops":[{"insert":"the hardest part was the rotation of the shapes\n"}]}

Hosterr waitlist

{"ops":[{"insert":"Nice challenge🙂\n"}]}

navbar

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

javascript30 navbar

{"ops":[{"insert":"hosterr-project-challenge\n"}]}

hosterr-project-challenge

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

This is my solution

My solution to Hosterr challenge

JS30 Navbar Challenge

Javascript30

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

LandingPage_Javascript30

Developer Portfolio Starter

{"ops":[{"insert":"Here is the solution.... And I used the css grid concept\n"}]}

Wed developer portpolio

Web developer Portpolio

Web-Developer-Portfolio

Javascript30-Navbar

{"ops":[{"insert":"Hi just submitted my solution. Thanks!\n"}]}

Portfolio-Design-Project

Challenge 1

{"ops":[{"insert":"interesting part practicing my quality website design\n"}]}

Developer Portfolio Starter Files

Jhonathan Specter portfolio landing page

It's alive

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

JS30NAVBAR

My navbar

{"ops":[{"insert":"unresponsive landing page website for codewell.cc challenge\n"}]}

unresponsive landing-page

{"ops":[{"insert":"A Fully Responsive Site With HTML And CSS only\n\n"}]}

Web Developer Portfolio Challenge >>>DONE

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

Javascript 30 Navbar - Tushar Kanjariya

{"ops":[{"insert":"Web Developer Portfolio Build with Tailwindcss\n"}]}

Web Developer Portfolio - Tushar Kanjariya

Navbar challenge using sass

Solution for the given challenge (Desktop, Tablet and Mobile View)

Odneck Awsome Landing page

On desk

portfolio challenge codwell

Johnathan-Spenter

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

My first simple solution!

{"ops":[{"insert":"First time to submit a solution \n"}]}

Web Developer Portfolio Coding Challenge

https://whimsical-smakager-3df2eb.netlify.app/

dev Portfolio

{"ops":[{"insert":"It was an excellent experience for me Thank you code well!\n"}]}

Web development Portfolio Coding Challenge

{"ops":[{"insert":"HTML, CSS and Javascript\n"}]}

Dev Portfolio

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

personal blog

{"ops":[{"insert":"Ejercicio gratuito de codewell\n"}]}

Developer Portfolio (Navbar redesign)

Web Porfolio Challenge Submission by Raza Haider

Mywebpage1

{"ops":[{"insert":"my first web page landing\n"}]}

MyProject1

Hosterr Project Challenge

{"ops":[{"insert":"Developer Landing page, made with css. I love flexbox. \n"}]}

Developer Portfolio Landing Page

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

JS30 Navbar

{"ops":[{"insert":"This is my solution\nplease anyone to help correct me I'm open.\n"}]}

this is my solution

web-dev-portfolio

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

{"ops":[{"insert":"Working with Images is still a problem for me...Any feedback is welcomed..\n"}]}