Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Commune Waitlist Page

Newsletter Popup Template

Hosterr Waitlist Page

Chirp Landing Page

Workside Job Board

YelpCamp by Colt Steele

Web Developer Portfolio

Javascript30 Navbar

Love that you're using SCSS Mixins and variables, very clean!

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!

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

Looks like you've done a wonderful job, my only comment is to remove the underlines under the buttons! Can you let me know which image was missing from the asset file so I can update it? Thank you!

ahh yes I forgot the underline thank you! and the hero images for the tablet and mobile I only had the desktop image.

unless the figma design is a little off shows different assets for desktop tablet and mobile.

Thanks for reporting this, will look into it and update the Figma files! 

For only 5 days you're doing pretty well, keep at it! :)

You've done a great job on desktop! Remove the underlines and you should be fine... But the mobile view is similar is similar to desktop and just looks as if it has been shrunken down. Take a bit more time to make it like the original.

This is my first time partaking in a challenge recreating a simple landing page with HTML and CSS. Critics are very much welcome and appreciated. I hope you can also give me some advice like in what aspects should improve and practice more. Thank you.

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 don't know how to work with svg can you help?

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.

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.

{"ops":[{"insert":"Here's my solution to the commune waitlist page. Feedback is welcome.\n"}]}

Commune Waitlist

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

Fun project that took about a day

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

Hosterr Landing Page

Snipper Landing Page.

{"ops":[{"insert":"I learned css and html in 5 days so i'm looking forward practicing\n\n"}]}

Solution

Gradie Sign Up Page with HTML and CSS

{"ops":[{"insert":"I use Grid, Flexbox and SCSS.\n"}]}

Commune Waitlist 

{"ops":[{"insert":"I hope your feedback\n"}]}

{"ops":[{"insert":"gulp-sass browser-sync \n"}]}

Snippet Template challenge codewell

{"ops":[{"insert":"Spense landing page clone only using HTML and CSS\n"}]}

Spense

Solution using flex box, responsive units, and Javascript.

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

Gradie Login page

{"ops":[{"insert":"no interesting parts since challenges was pretty simple\n"}]}

newsletter popup

{"ops":[{"insert":"It was an awsome project to practice.\n"}]}

Fiber Landing Page

{"ops":[{"insert":"I tried to only use CSS in the hamburger menu, it looks good.\n"}]}

Slysux Spense-landing-page

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

Spense-landing-page-by-anlo

{"ops":[{"insert":"Snipper Landing Page made using HTML, CSS, JavaScript.\n"}]}

Snipper-Landing-Page

Workside template

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

YelpCamp - Solution

YelpCamp React App

{"ops":[{"insert":"made with HTML5 CSS3 and Javascript\n"}]}

made with HTML5 CSS3 and Javascript

{"ops":[{"insert":"Developed using CSS Flexbox.\n\nI used modal to visualize the PopUp.\n"}]}

Newsletter Popup Starter Files

{"ops":[{"insert":"This was an interesting page and I had fun making it :)\n"}]}

Indie Brew Starter Files

Hosterr Waitlist Landing page

Fiber landing page & signup

HTML & CSS

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

Hosterr Challenge

{"ops":[{"insert":"For the first time, I've learned many things with this small project.\n\n\n"}]}

Developer Portfoilio

developer

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

ondeck

{"ops":[{"insert":"Hi, I would love hear your feedback, i'm trying to get better\n"}]}