Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

Snipper Landing Page

Commune Waitlist Page

TimeNow Landing Page

Unifeed Blog Page

Remix Template

Newsletter Popup Template

Hosterr Waitlist Page

Meeet Waitlist Template

Chirp Landing Page

Contrast Directory

Workside Job Board

YelpCamp by Colt Steele

Web Developer Portfolio

Personal Blog

Javascript30 Navbar

Click the 'Sign Up' button to see the register design. 

This is so awesome, I love how you've implemented the scrollable testimonials section, VERY clean, good job!

Great work, my only comment is to make the padding 1rem all around instead of 2 and 1.

Well done! The 'Start Free Trial' is broken for me, i'm using Safari if that helps.

Is there any way we can view the project live? :D

I'm afraid there isn't. You need Xcode to view the project :(

Codewell must provide images for mobile and tablet versions also.

Hi Pritam, please re-download the files. I've just added the different sizes in the Assets folder, although, it's better if you just work with one image and have it responsive instead of loading 3 different sizes.

Hello! You've done great, I have some suggestions that you could work on 

So I noticed you made use of these properties on each section, I'm guessing you're making use of the padding for mobile devices view, which is totally cool but here another approach.

// yours
header, main, footer {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 30px;
}

// another approach
.container {
   width: 90%;
   max-width: 1000px;
  margin: 0 auto;
}

the width of 90% does give mobile devices some space, which fixes the padding. But your implementation is all good though.

Also I notice this:

<div class="header-wrap">

</div>

Also I noticed this:

<div class="header-wrap">
  <header> .... </header>
</div>

Semantically there's no need for the div element, you could use the header, main, footer elements directly.

Lastly, the solution lacks white space, majority of the elements are too close to each other. 

That's all, I hope it was helpful even though you didn't ask :)

I really liked your profile, so original! 

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

Hamburger Button working for mobile navigation

My attempt at responsive development.

{"ops":[{"insert":"Using Bootstrap and vanilla JS.\n"}]}

Fun project that took about a day

{"ops":[{"insert":"Created using Next.js\n"}]}

Fiber Landing Page

{"ops":[{"insert":"Simple solution.\n"}]}

Newsletter Popup

{"ops":[{"insert":"Hi! I tried building Spense app with UIKit on Xcode. Hope you enjoy my app!\n"}]}

Spense app built with UIKit

Fiber 

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

Hosterr page with Bootstrap 5

Fiber Landing Page - Built with Gasby

This is my first challenge ever

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

Gradie Sign up Page

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

Login Page

{"ops":[{"insert":"This is a good design to work with flex and grid.  \n"}]}

HTML, CSS, SASS, FLEXBOX

Very simple but good landing page design.

CSS only no Js and Bootstrap for the hamburger menu

Gradie Login Form

Responsive Design using Tailwind CSS and Fetch API

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

Form with form validations

{"ops":[{"insert":"Spence Landing page with flexbox and css grid\n"}]}

Spence Landing page with flexbox and css grid

Solution using flex box, responsive units, and Javascript.

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

TimeNow main page and Price page

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

Gradie solution  

Hosterr Website

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

YelpCamp Solution

{"ops":[{"insert":"Made it from scratch using HTML and CSS. \n\n"}]}

Solution by Vilay

Commune (Vanilla HTML & CSS)

Unifeed Blog

{"ops":[{"insert":"Any comments and suggestions will be appreciated! Thank you everyone!\n"}]}

chirp 

hosterr waitlist by felipe couto :)

{"ops":[{"insert":"Done with bootsrap 5\n"}]}

Portfolio template

Fiber website solution

Gradie Page

Chirp Landing page using HTML SCSS and JS

{"ops":[{"insert":"Practica de portafolio responsive en html, css y bootstrap\n"}]}

Portafolio desarrollador

My portfolio website

{"ops":[{"insert":"a simple HTML & CSS Solution\n"}]}

Spense Starter

developer

{"ops":[{"insert":"Site made using HTML, CSS and JavaScript.\n"}]}

{"ops":[{"insert":"Just take a look on my work and rate it\n"}]}

My work 

{"ops":[{"insert":"This is my second project using Tailwind CSS. I am absolutely loving it.\n"}]}

Built with Tailwind & React

{"ops":[{"insert":"I made it using only HTML & CSS. \n"}]}

Developer Portfolio Website Chanllenge

Gradie Sign up

Chirp Landing Page using Tailwind css

{"ops":[{"insert":"Responsive Spense landing page coded using HTML, CSS, and JavaScript.\n"}]}

Remix-starter

{"ops":[{"insert":"Hey guys here is my solution, I'd like your honest reviews.\n"}]}

Chirp Landing page

Chirp Landing Page Design

Portfolio Website

{"ops":[{"insert":"I have coded for desktop/pc.\n"}]}

Ondeck

HTML, CSS, Vanilla JS Solution

Developer's Portfolio

My solution 9/10

javascript navbar

{"ops":[{"insert":"Made this page responsive and designed well close to the challenge.\n"}]}

Commune waitlist page

{"ops":[{"insert":"just trying this out\n\n"}]}

Fiber challenge

Meet Waitlist Template ➡️ Mobile first

My navbar

{"ops":[{"insert":"I have completed the given challenge as mentioned in the design.\n"}]}

Chirp Starter

{"ops":[{"insert":"Using HTML CSS Jquery\n"}]}

Solution

{"ops":[{"insert":"Spense Landing Page (HTML/CSS/JS)\n"}]}

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

Gradie Sign up page