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

Hosterr Waitlist Page

YelpCamp by Colt Steele

{"ops":[{"insert":"Perfect for practicing your layout and responsive design skills.\n"}]}

Arclight Landing Page

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?

Good job Ait, just one note, viewing campgrounds shouldn't prompt users to login, they should be able to view campgrounds without logging in.

Thank you @moeminm,
I've made the changes to meet your requirements.
So user can see campgrounds. but needs to authenticate in order to add a campground or review one.

Project completed.
Users can register, login, add their own campgrounds, and review others campgrounds.
For the image I added an image file upload instead of typing the image url.

Thank you Codewell for this challenge.

There was an issue on post comment, some users kept tapping the post comment button.
 Fixed now, I added a spinner and disabled the Post comment button on form submit. Thank you everyone and happy coding.

Could you share your solution with me? I'm rather new to coding and this would be a great learning experiance for me. 

You can click on 'View Source Code' to see the solution.

Great job Shin, looks like newly added camps are not persisting when you reload the page, perhaps that's something you could Google & learn more about!

Nice work ! You’re definitely not a learner 😮‍💨. I’m done designing the whole project but no JavaScript skills yet. Learning that atm. Anyways where did you get your react training from ? 👀

Awesome work! Everything looks great and I love how you've handled the search function, viewing camps throws me an error though! "Application error: a client-side exception has occurred (see the browser console for more information)." — this happens whenever I view any camp. 

yea i was working on comment section now it's working fine 🚀🚀

it's not responsive only good in mobile view but open in big screens everthing breaks

yes, I forgot to mention that while submitting, only mobile version is ready and also missed search functionality.
Currently working on another urgent project but I submit semi final for review and feedback about current status.

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

Thanks. On a scale of 1 to 10 please rate my work.
Can I show this to recruiters?

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.

Instead of renaming your images, go to your HTML files and rename your image exactly as they appear in your image or assets folder. Also note that GitHub is case sensitive, please.

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

sorry for this ill be deleting this i've made a mistake in choosing the right link


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 

Hello, can anybody help me? I  finished the desktop view of this project using Bootstrap. Really simple: one row, two cols, and flex column layout for the text, but in order to make it responsive the way it's displayed on the picture * logo, picture, and description* cannot be done the way it's coded. I would have to put the logo outside of the row which is not a good option.. Any solutions? Same thing for the table view. Thank you

You have done a great job!!!!  Do you have used a lot of backend technology too. Because literally, your solution can launch and use as business website. It is so interactive. Are you a senior fullstack developer? Can you give any advice to me? I am beginner. I want to make my website interactive and can leave comments and login. Can you name the process and order and what tools and language you used in this project. Thank you. 

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

Bro can you provide me the zip file of this project , I don't have pro access, plzzzz

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

YelpCamp Codewell Challenge

Archlight Landing Page using CSS3 Only

Yelpcamp by Colt Steele

{"ops":[{"insert":"This is my solution. Any feedback would be appreciated.\n"}]}

YelpCamp - Solution

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

{"ops":[{"insert":"That's my first project with sass.\n"}]}

YelpCamp Solution

Yelp Camp Project with React JS

Hosterr Waitlist

Yelp Camp with next js & firebase 

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

Landing Page

{"ops":[{"insert":"It's my first website I created.\nShow me my mistakes.\n"}]}

YelpCamp

YelpCamp React App

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":"I build each of the pages and listed the structure in the readme\n"}]}

Yelp Camp Solution by Victor Evogor

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

Hosterr Challenge Solution

{"ops":[{"insert":"project created using react js and sass\n"}]}

YelpCamp - react app

solution about this

hosterr-starter-files

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

Hosterr WaitList Page

Hosterr Waitlist Landing page

YelpCamp Next.js+Tailwindcss

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

Hosterr Challenge

Yelp_Camp

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":"Yelp Camp solution\n"}]}

Yelp Camp

YelpCamp Project

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

Hosterr - Web Hosting Site

{"ops":[{"insert":"Done with CSS Grid and backend done in Nodejs.\n"}]}

YELP CAMP

YelpCamp with bootstrap

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

Hosterr 

Yelp Camp challenge. Solution...

Only the landing page, with bulma and jekyll

Hosterr waitlist using Bulma css, Jekyll, Netlify

{"ops":[{"insert":"This is my solution for YelpCamp, feel free to use it :)\n"}]}

YelpCamp [HTML CSS JS] only

{"ops":[{"insert":"This is my solution. Made with a MERN stack.\n"}]}

Yelpcamp-solution

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

My solution for Yelpcamp challenge

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

Javascript30 Navbar Solution

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

Hosterr-Waitlist-Page

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

ondeck

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

Hosterr Waitlist Page React

Arclight responsive using flex

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

using webpack, react, sass, and some complicated stuffs I don't even wanna mention 

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

{"ops":[{"insert":"i really hope to give me some advice about my first project\n"}]}

my first portfolio

rhis is my first website site 

My Solution

{"ops":[{"insert":"Yelp Camp Project using bootstrap 5 and javascript\n"}]}

Yelp Camp Project

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

js30NavBar

Eyihbanner's WebDev PortFolio 

{"ops":[{"insert":"interesting design\n"}]}

Archlight 

Solution to web developer portfolio

Hi, this is my first page with HTML and CSS!

JavaScript30 Navbar 

Developer's Portfolio

Developer-s-Portfolio challange

javascript navbar

Developer_Portfolio_Starter_Files_5c94536d53

landing challenge sol

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

Gone well

{"ops":[{"insert":"Web Developer Portfolio Solution\n"}]}

landing page navbar

YelpCamp Challenge

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

Arclight Landing page with React and styled components

Hosterr waitlist

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

navbar

portfolio built with html and css

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

javascript30 navbar

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

hosterr-project-challenge

Solution for web developer portfolio | Codewell Challenge

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

Arclight - Tailwindcss

Arclight Landing page with React and styled components

Archlight