Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

Snipper Landing Page

Comment Module 

Commune Waitlist Page

Unifeed Blog Page

Newsletter Popup Template

Hosterr Waitlist Page

Meeet Waitlist Template

Multi Step Form 

Chirp Landing Page

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

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!

This is simply awesome! I love you mimicked the challenges pages in Codewell to present your projects. The animation on the TimeNow template is also really creative, one thing worth practicing is changing the data inside the pricing table when the toggle is used in the TimeNow template.

I have no suggestions to give but again, this is awesome! 🔥

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

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! 

Love it! Looks really clean on all sizes, you've done a wonderful job :)

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

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. 

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.

👋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!

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.

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.

This is amazing, i'll feature this in the next community highlight on Twitter and the newsletter! 🔥

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?

I don't know how to work with svg can you help?

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

Nice login page

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

Commune Waitlist

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

My Gradie Login Page

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

Fun project that took about a day

{"ops":[{"insert":"I used vite with vue + windiCSS\n"}]}

Landing page

HTML and CSS with JS (for collapse navbar)

Gradie Solution 

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

Hosterr Landing Page

Snipper Landing Page.

Fiber Landing Page

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

Spense app built with UIKit

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

Newsie - Codewell challenge

Spense solution

{"ops":[{"insert":"Completed this challenge, nice design. I had a lot of fun doing it.\n"}]}

Spense landing page

React Tailwind css

Meeet Challenge Solution

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

Solution

{"ops":[{"insert":"Build with React framework, using styled components with tailwind css\n"}]}

Spense starter store website

Fiber landing page made with html and css

Spense w/Youtube solution!

Snipper Landing Page Challenge

nice experience

Gradie Sign Up Page with HTML and CSS

Fiber Clone 

Created using CSS flexbox

Unifeed Blog Page (HTML&CSS)

{"ops":[{"insert":"If there is any comment or feedback lemme know\n"}]}

Solution for Commune Waitlist

Multistep form concept with Drag and Drop API

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

Spense

Completed this website using html and css.

{"ops":[{"insert":"This is my first project in codewell, enjoyed doing in it.\n"}]}

Gradie-Signup-Page

comment page made with html , css and bootstrap

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

newsletter popup

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

Hosterr Page using Grid

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