Gradie Sign Up Page

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

Hosterr Waitlist Page

YelpCamp by Colt Steele

Oh wow, that is CLEAN! 🔥I also love the navbar at the top with all the different challenges you'll be working on. Honestly, no comments to add design-wise, you've done a great job. I'll leave the code for someone more experienced.

Love this, did you use any frameworks for this or just pure HTML and CSS?

Tried visiting the links but none of them work 🤔

Source code link seems to be working fine, the live is still down, though

Your source code link seems to be working fine, but not the live project one 🤔

Looks really good, very responsive as well. 

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!

Thank you so much for linking moderncss.dev, looks like a really good resource! Perfect take on this project for accessibility, and you've executed it well.

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

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

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


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? 

This is wild, that navbar is a really cool idea to showcase all of your solutions!

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.

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?

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

The desktop mode on mobile has issues with proper alignment 

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

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. 

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.

Gradie Challenge

{"ops":[{"insert":"Gradie Sign Up Page for mobile, tablet, and desktop screens\n"}]}

Gradie Sign up page

{"ops":[{"insert":"This was a nice little challenge. Thanks for creating it.\n"}]}

Nice login page

{"ops":[{"insert":"I don't know how to make it fully responsive\n"}]}

My Gradie Login Page

{"ops":[{"insert":"Completed this challenge using Generic HTML and CSS.\n"}]}

Gradie Sign Up

Gradie Solution 

{"ops":[{"insert":"Gradle Sign Up Page using SCSS\n"}]}

Gradle Sign Up

Basic vanilla landing page

Gradie with Flexbox & Grid

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

Hosterr Landing Page

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

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

Hosterr 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

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

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

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

Hosterrr

Gradie Sign Up solution 

Gradie 

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

Gradie Layout

Free Hosterr Waitlist Page

CupACoffee

Gradie Sign up page using html and css

Gradie Login Modal

Gradie Sign Up Page with HTML and CSS

Gradie Login Form

Hosterr Waiting Page by nadineamanda.com

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

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

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

Hosterr Page using Grid

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

Gradie solution  

Hosterr Website

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

YelpCamp Codewell Challenge

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

Yelpcamp by Colt Steele

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

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

SignUp Page with SASS

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

Gradie Login Panel

Gradie Signup Page

Hosterr Waitlist page solution

hosterr waitlist by felipe couto :)

Gradie Page

Gradie Sign UP

{"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":"This was an interesting page and I had fun making it :)\n"}]}

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

YelpCamp - react app

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

Tela de Login

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 

sign up page

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

Gradie sign-up

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

Hosterr 

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

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

Responsive page Hosterr

Hosterr - Waitlist Page

🧟‍♂️ Hosterr Waitlist Page - Dark mode 🔮