Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Commune Waitlist Page

TimeNow Landing Page

Unifeed Blog Page

Ideate Dashboard 

Newsletter Popup Template

Hosterr Waitlist Page

Meeet Waitlist Template

Multi Step Form 

Chirp Landing Page

Workside Job Board

YelpCamp by Colt Steele

Web Developer Portfolio

Javascript30 Navbar

Great job, looks like the content isn't constrained to a certain container, though!

Initial thoughts, it's really good! My feedback would be to center the nav items in the navbar, perhaps reduce to container's width (it's currently too wide). As for the April Earnings box, you could set the image to position relative, and position the box absolute to it. It shouldn't take too much time to implement.

Good job nonetheless! :D

Thank you @moeminm,
I’ve changed the navigation.
For the Earnings box, you’re right that’s exactly what I should do but I don’t have a separated Hero image without the April Earnings box.
Thank you for your time.


Navigation is looking much better! 

You're right, i've just added the hero image without the box in the Assets folder, make sure to re-download the files if you want access to it, and thanks for bringing this to everyone's attention! 

Thank you.
Downloaded and updated my assets as well as the implementation Earnings box.
Keep safe.

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

My only comment is to have the logos as a slider on mobile, currently it's taking too much space up, other than that, looks awesome!

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

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

👋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 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 ? 👀

updated hamburger menu with small javascript code

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

sorry the Repositorie is deleted by mistake check my another submission.
thankyou

I checked your source code and I have had similar issues.
You can try changing the way you added the images where you do something like this
<img src="Assets/Checkmark.svg" alt="checkmark"> instead of
<img src="../Assets/Checkmark.svg" alt="checkmark">
The first one will work locally and on deployment. 
If it works, you might try writing it down so it's easier to get next time.
I am looking forward to seeing the site once the images show. Cheers.


Gradie Solution 

{"ops":[{"insert":"I build this is site with Scss.\n"}]}

Time Now

Spense Code Well Challenge

{"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":"Built with HTML, CSS/SASS, JavaScript\n"}]}

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

Solution

{"ops":[{"insert":"This is my first Codewell solution. \n"}]}

Mobile first Responsive Fiber landing page (HTML&CSS)

spense landing page made with html and css

Spense w/Youtube solution!

Gradie Sign Up Page with HTML and CSS

{"ops":[{"insert":"I will accept any feedback\n"}]}

Gradie-Login

Snipper landing page with HTML And Tailwind CSS

Multistep form concept with Drag and Drop API

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

Gradie-Signup-Page

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

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

newsletter popup

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

Spense-landing-page-by-anlo

Spense Landing Page Solution by Hayden.

Solution to sidebar in tablet mode

Yelp Camp Project with React JS

Fiber Challenge

Fiber Landing Page

my first codewell challenge 

{"ops":[{"insert":"The challenging part was making those images responsive in this page.\n"}]}

Landing Page

hosterr waitlist by felipe couto :)

Challenge 1

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

Meeet

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

Indie Brew

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

Hosterr Challenge

{"ops":[{"insert":"A nice Commune community page.\n"}]}

Gradie sign-up

{"ops":[{"insert":"used HTML CSS and Bootstrap, Check the live deployment of what i made\n\n"}]}

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

Hosterr 

Yelp Camp challenge. Solution...

Chirp Landing Page using Tailwind css

Gradie signup form

{"ops":[{"insert":"used only css, html. i would appreciate all the suggestions.\n"}]}

Web developer portfolio

{"ops":[{"insert":"Responsive, with grid and js. \nWithout figma file :( \n"}]}

CodeWell01 - Navbar

{"ops":[{"insert":"Helped me learn a lot about flex and responsive web design \n"}]}

Gradie Login Page

Spence landing page with HTML, CSS and JS for burger.

{"ops":[{"insert":"First Challenge complete✌🏻"},{"attributes":{"header":2},"insert":"\n"}]}

Javascript30

Web-Developer-Portfolio

Unified Blog Page

Unifeed Blog page

{"ops":[{"insert":"Mobile First \nSass\nHtml\nJavascript\n"}]}

Time Now Landing Page

{"ops":[{"insert":"chrip challenge make width html  css javascript\n"}]}

chript-challenge

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

{"ops":[{"insert":"any suggestion is welcome.\nbuilt with HTML and CSS, only for desktop view.\n"}]}

Newsletter Popup

{"ops":[{"insert":"Developed with HTML, CSS and a little bit of JS.\n"}]}

{"ops":[{"insert":"Built with html and css.\n"}]}

{"ops":[{"insert":"hoster challenge\n"}]}

hoster with html scss javasript

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

Gradie Log In 

{"ops":[{"insert":"Muito bom para praticar e fixar os conceitos do framework TailwindCSS.\n"}]}

Responsive Navbar ReactJS + Tailwind

{"ops":[{"insert":"I used only flex .\nIts not responsive yet , still learning ;)\n"}]}