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

Workside Job Board

Arclight Landing Page

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).

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.

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

Mobile First | HTML, CSS, JS

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

Solution to sidebar in tablet mode

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

Workside job

Arclight responsive using flex

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

Ondeck

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 

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"}]}