Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Comment Module 

Commune Waitlist Page

TimeNow Landing Page

Unifeed Blog Page

Newsletter Popup Template

Hosterr Waitlist Page

Meeet Waitlist Template

Chirp Landing Page

Workside Job Board

YelpCamp by Colt Steele

Web Developer Portfolio

Javascript30 Navbar

This is awesome, love the little animation you've added in the hamburger menu on mobile 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!

Correct link to live demo
https://competent-elion-cbde7a.netlify.app

Hi. Great work. I dwelled into this for a while. I'm reckon there might be an autonomous way but here is a simplified syntax.

<h1>Meet New Entrepre<span style="z-index: 4;margin: 0;">neurs</span></h1>

Instead of using two spans, just use one and remove all the margins from that span. 

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

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

👋Hi Moemin!

👍Good job on this one! I have some suggestions to improve this solution:
* For the company logos section, I recommend to make it one column on mobile, since right now they are too small on my mobile device.
* I recommend to always use double quotes instead of single quote for all HTML attribute, like this. It is just common practice.

<div class="container"></div>

* For all img tags, you need to have alt (alternative text) attribute. You can leave the `alt=""` empty if the images are decorative only.
* For the "Get Started" button, you should have `type="submit"` since that will be submit an email if this is a real website.
* I recommend to use `ul` and `li` tags for the list of links and the list of company logos. 
* Heading tags must go in order, which means you need to use h1, then h2, then h3, and so on.
* I recommend to use `rem` or sometimes `em` instead of `px`. Using `rem` or `em` will allow the user to control the size of your page based on their browser setting.
* I recommend to wrap all your content except the footer with `main` tag.
* For the `footer`, I recommend to use `footer` element instead of a `section` tag.

Tips for validating your code:
* Always validate your HTML first before you upload to the internet. You can use this official HTML validator from W3C
Link:
https://validator.w3.org
* Also for the CSS:
Link:
https://jigsaw.w3.org/css-validator/

That's it! And keep learning!

Quality feedback, thank you vanzasetia for taking the time to jot all this down. Can't say I disagree with anything, appreciate the support!

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


Hi brother, I believe you didn't push up all your changes. Your repo is pretty empty.

First thing Ur Twitter logo is fixed change it. And responsiveness is sucked first divide everything in parts and make it full responsive first like logo first then the main section then the footer.

You didn't have to make the hamburger menu. It was included in the files as an image.

2 things. Horizontal scrolling is not good. The second thing, the mobile nav is showing on a large screen. 

I used this challenge to try out mint. 

{"ops":[{"insert":"Spense landing page challenge with minimum dependencies\n"}]}

Spense landing page

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

Gradle Sign Up

Basic vanilla landing page

Fiber 

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

InderBrew -Codewell

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

Newsie - Codewell challenge

Spense solution

Commune WaitList page with Bootstrap 5

INDIE BREW solution

{"ops":[{"insert":"it's a good challenge,i learned more from it , and I advice anyone to do it\n"}]}

Website (html5 css3 bootstrap)

Meeet Challenge Solution

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

 TimeNow/Pricing with Bootstrap 5

Mobile First | HTML, CSS, JS

Unifeed Blog

{"ops":[{"insert":"This prototype was made with HTML, SASS and JS.\n"}]}

Spense with HTML and SASS

Spense Landing Page  - Ayden Ashcroft

Hosterr Waitlist Page with HTML, CSS and JS

IndieBrew (HTML/CSS) by Njorthr

Done with Grid and Flex box

Spense w/Youtube solution!

nice experience

Fiber

Created using CSS flexbox

Gradie Login Form

{"ops":[{"insert":"Anyone can comment!\n"}]}

Fiber with HTML and CSS

{"ops":[{"insert":"Responsive IndieBrew landing page. Build with HTML&CSS.\n"}]}

IndieBrew Landing page 

Spense.Landing page

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

Spence Landing page with flexbox and css grid

{"ops":[{"insert":"This Gradie Login page is done using HTML and CSS.\n"}]}

Gradie Login page

{"ops":[{"insert":"made  with grid layout and flexbox\n"}]}

Comment page  with html and vanilla css 

Chirp

Fiber Started Files

Fiber Landing Page

Gradie Login Panel

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

chirp 

hosterr waitlist by felipe couto :)

MikeAttah's Web Developer Portfolio 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

Commune-Waitlist-Page

comment-starter

{"ops":[{"insert":"Built with Flexbox, SASS and BEM.\n"}]}

Personal Portfolio

CommentSECTIONUI (html+css)

Web developer portfolio challenge solution

Meeet

{"ops":[{"insert":"That's an amazing project. "},{"attributes":{"align":"center"},"insert":"\n"}]}

Newsletter Popup Template.

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

Indie Brew

Fiber landing page & signup

{"ops":[{"insert":"I used Grid + Flexbox combo this time for this challenge. \n"}]}

Challenge Completed using HTML and CSS 

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

{"ops":[{"insert":"Made it with Bootstrap 5. Ready for feedback)\n"}]}

Web Dev Portfolio

Unifeed Blog Template using SCSS

{"ops":[{"insert":"Trying to copy CodeWell Web Portfolio design\n"}]}

Codewell Web Portfolio Responsive

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

Hosterr waitlist using Bulma css, Jekyll, Netlify

{"ops":[{"insert":"I completed the project using HTML and plain CSS. \n"}]}

Commune Waitlist 

My solution for Yelpcamp challenge

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

ondeck

Barra de navegacion con JavaScript

JavaScript NavBar

Javascript30 Navar

Responsive Newsletter Popup- HTML | CSS | Media Queries

Commune-Waitlist

navbar

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

hosterr-project-challenge

{"ops":[{"insert":"Another challenge from codewell, \nHappy coding guys!\n"}]}

Snoppet-landing-page with html and css

Chirp Landing Page with Bootstrap, SCSS and GSAP

Snipper do Cria

{"ops":[{"insert":"The challange is so simple and perfect, recommended  to beginners\n"}]}

Gradie Log In 

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