Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Comment Module 

Commune Waitlist Page

Unifeed Blog Page

Remix Template

Ideate Dashboard 

Newsletter Popup Template

Workside Job Board

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

Codewell must provide images for mobile and tablet versions also.

Hi Pritam, please re-download the files. I've just added the different sizes in the Assets folder, although, it's better if you just work with one image and have it responsive instead of loading 3 different sizes.

Well done Jaspal, your solutions are always so well done! 🚀

Thank you so much brother, means alot 😁

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

{"ops":[{"insert":"Spense landing page challenge with minimum dependencies\n"}]}

Spense landing page

Please review my source code

{"ops":[{"insert":"Gradle Sign Up Page using SCSS\n"}]}

Gradle Sign Up

Build Using SCSS

Fiber 

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

Commune WaitList page with Bootstrap 5

{"ops":[{"insert":"Developed popup Template\n"}]}

Fiber Landing Page

Gradie Sign Up

Spense using bootstrap

{"ops":[{"insert":"This is a good design to work with flex and grid.  \n"}]}

HTML, CSS, SASS, FLEXBOX

Remix in the work

Spense Landing Page  - Ayden Ashcroft

IndieBrew (HTML/CSS) by Njorthr

Spense Landing Page 

Comment Box with Tailwindcss(JIT)

Spense starter

Gradie Sign up page using html and css

Tailwind grid experiment

Fiber

{"ops":[{"insert":"Anyone can comment :)\n"}]}

Unifeed Blog Template with HTML and CSS

Gradie Login Form

{"ops":[{"insert":"Responsive IndieBrew landing page. Build with HTML&CSS.\n"}]}

IndieBrew Landing page 

Finished Using Tailwind CSS and Semantic Tags

{"ops":[{"insert":"I made this challenge using html, css and js.\nAny feedback would be great.\n"}]}