Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Ideate Dashboard 

Newsletter Popup Template

Hosterr Waitlist Page

Meeet Waitlist Template

Chirp Landing Page

Contrast Directory

Workside Job Board

YelpCamp by Colt Steele

Arclight Landing Page

Web Developer Portfolio

Javascript30 Navbar

Hey Loctong! 

Looks like you've got this pretty good on 1920x1080 but it looks like it breaks at smaller breakpoints (<1080, you can check how it looks on other devices by using the developer tools on any browser), so that may worth looking at using Media Queries. 

Good start though!

Hi, moeminm!
 Thanks for your comments.
 I am on the way to update 
Thanks


btw, It is working well with Ipad (768) :D

Hmm, weird, iPad looks broken on my screen (maybe cuz i'm using Safari 👀)

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.

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

- raster image of diagram should be made vector, maybe using the svg path from the figma file, and adding a color linear gradient.
- colors are grey for all the cards, but should be white.
- scroll behaviour is non-existent. There is going to be lots of rows on the tables.
- margins/paddings are all different to the figma file.
- font sizes and font weights are all different to the figma file.
- horizontal scrolling is needed to see the referral image, and then the top-nav logos don't stay in place.
- everything overfows its containers with a small window. Would recommend fixed sizing for the graph / referral vertically to prevent overflow (e.g. 400px).

I would add on hover cursor pointer for the menu. 

Thanks. On a scale of 1 to 10 please rate my work.
Can I show this to recruiters?

Instead of renaming your images, go to your HTML files and rename your image exactly as they appear in your image or assets folder. Also note that GitHub is case sensitive, please.

You didn't set up GitHub Pages to see the website live.

Hi Tomiwalex! This project looks great! The only thing I noticed was your min-height on your body was set at 200vh. I changed it to 100vh and the footer stayed at the bottom of the page. You really did a great job!

Please review my source code

Spense Code Well Challenge

Fiber Codewell Challenge

{"ops":[{"insert":"Developed without any framework, just pure css\n"}]}

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

Website (html5 css3 bootstrap)

Mobile First | HTML, CSS, JS

Chirp Landing Page with Bootstrap and JavaScript

Responsive Design using Tailwind CSS and Fetch API

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

Spence Landing page with flexbox and css grid

{"ops":[{"insert":"Used HTML and CSS, It was an interesting project\n"}]}

Fiber Landing Page

{"ops":[{"insert":"Built with Bootstrap 5.\n"}]}

Fiber - Create Portfolio in Minutes

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

Gradie solution without  a  framework

Solution to sidebar in tablet mode

{"ops":[{"insert":"This is my first attempt, simple HTML and SCSS were used.\n"}]}

Developer Portfolio by ZeljkoDe.

{"ops":[{"insert":"Easy challenge, any feedback is still welcome tho\n"}]}

Popup newsletter built with HTML, CSS and JS

{"ops":[{"insert":"I build each of the pages and listed the structure in the readme\n"}]}

Yelp Camp Solution by Victor Evogor

Web developer portfolio

Snipper Template Starter

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

Contrast - work in progress

Workside job

Arclight responsive using flex

{"ops":[{"insert":"This project was a bit challenging 😅\n"}]}

Ondeck

Navbar javascript

Responsive Newsletter Popup- HTML | CSS | Media Queries

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

My solution to Hosterr challenge

Responsive web site using two-dimensional transformation CSS properties

{"ops":[{"insert":"it was a little bit difficult adjusting the view for different screen size.\n"}]}

spense 

{"ops":[{"insert":"It does not have the right font family.\n"}]}

Done with HTML and plain CSS. No libraries

newsletter

{"ops":[{"insert":"Built with ReactJS, Tailwind and React-icons. Really a fun challenge!\n"}]}

Snipper Challenge with ReactJS

{"ops":[{"insert":"Practice html and css\n"}]}