{"ops":[{"insert":"Perfect to practice creating graphs, CSS grid, and much more.\n"}]}

Ideate Dashboard 

{"ops":[{"insert":"A fun and simple project to practice responsiveness and positioning.\n"}]}

Meeet Waitlist Template

{"ops":[{"insert":"Perfect for practicing modular components and responsive design.\n"}]}

Personal Blog

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

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. 

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.

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

My files dont contain the 6th avatar, is there any way i can get it please?

New Link:
https://bluedeepart.github.io/codewell-challenge/

Good to see the page, but in laptop screen size I see twitter logo coinciding with button.

If you pay the $8 monthly, you get the figma files. This file is kind of like photoshop where you can extract images (i.e. the 6th avatar). You can also find the width and height of things, the line height etc. You can use the ruler tool to to measure distances. 

Alternatively, you can also snippet tool the extract and save it as an image and import it into your html, give it a class and change the width and height to replicate it to the best of your ability.

I did web design and responsive design (for tablets and mobile phones)

Images need to be inside the container to be responsive to window changes

Please review my source code

Meeet Challenge Solution

{"ops":[{"insert":"I don't know if my work is correct, I'm just a newbie in web development\n"}]}

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

Meeet-waitlist-template

Solution to sidebar in tablet mode

The challenge on responsiveness and positioning

{"ops":[{"insert":"Personal Blog by Deepart\n"}]}

Personal Blog by Deepart

Meeet

meeet-template-starter

{"ops":[{"insert":"this was a super a fun little challenge, I really enjoyed it.\n"}]}

Meeet Template Challenge solution

Meeet Waitlist Template | Responsive | HTML CSS

{"ops":[{"insert":"Amazing Project.\n"}]}

Meeet-Social

Took me sometime to nail the size right on various displays.

Meet New Entrepremeurs Landing Page

{"ops":[{"insert":"This is an interesting project.\n"}]}

Meet Template Starter

 Meeet-Waitlist-Template

{"ops":[{"insert":"i only get 5 avatars :(\n"}]}

not perfect

Ideate-Dashboard

Meeet Template Challange Solution

I tried my best 

{"ops":[{"insert":"Meeet Waitlist Template (HTML/CSS)\n"}]}

{"ops":[{"insert":"Its responsive as mentioned in problem statement.\n"}]}

meet template built with html and css

Responsive web site using two-dimensional transformation CSS properties

Meet Waitlist Template ➡️ Mobile first

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

Meeet template luispazcode

{"ops":[{"insert":"I used next.js and tailwindcss.\nGive me your feedback!\n"}]}

personal blog

{"ops":[{"insert":"Mobile first\nUsing HTML and CSS\n"}]}

Challenging challenge because my screen resolution is 1920x1080

{"ops":[{"insert":"This project is good for those who want to work on their CSS skills. \n"}]}

Meet page challenge using React

{"ops":[{"insert":"cool project. just I used css,html and js\n"}]}

{"ops":[{"insert":"It's a simple but very satisfying project.\n"}]}

Meeet New

{"ops":[{"insert":"I want your opinions regarding my work\n"}]}

Meeet Template Starter (by Mr Abdelhake)

{"ops":[{"insert":"i used the grid for building this page\n"}]}

 Ideate-Dashboard

{"ops":[{"insert":"\tA cool design o learn positining and rsponsivity, \n"}]}

Meeet Landing Page

Meeet. solution using Media queries absolute positioning for avatars and z-index.

{"ops":[{"insert":"well, its sound good\n"}]}

nice

{"ops":[{"insert":"Tentei deixar ao máximo parecido \n"}]}

Meeet template

Almost Perfect

{"ops":[{"insert":"Made it with Html, Scss, JS\n"}]}

Personal-blog

Meeet New Entrepreneurs Solution

My solution

my solution

My solution-2

{"ops":[{"insert":"https://github.com/fatihoz5758/Meeet-Template-Starter-Files.git\n"}]}

Fatih 

{"ops":[{"attributes":{"bold":true},"insert":"Meeet Waitlist Template"},{"insert":"\n\n"}]}

hmmmm

{"ops":[{"insert":"I have completed the challenge, please check it and give feedback\n"}]}

Responsive website practice

from crytex

{"ops":[{"insert":"sorry for the second upload i was repair some bugs\n"}]}

sorry i was repair some bugs

{"ops":[{"insert":"Using HTML and CSS responsive\n"}]}

Meeet - BR translate

Unifeed Blog Page

Meeet Challenge

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

Meeet challenge- desktop

{"ops":[{"insert":"i used html and scss\n"}]}

meet template

{"ops":[{"insert":"i made use of html and css\n"}]}

landing page

meeet-waitlist-template

{"ops":[{"insert":"This is an html and css web page that centers around positioning in css\n"}]}

Meet landing page

MEEET WAITLIST LANDING PAGE

{"ops":[{"insert":"Had a challenge aligning items on mobile appropriately\n"}]}

{"ops":[{"insert":"Fixed a bug on Mobile view\n"}]}

Meeet - first portfolio project

{"ops":[{"insert":"Made for 375px and 1440px\n"}]}

{"ops":[{"insert":"created with vite\n"}]}

viteJs-Meeet-Template-Starter-Files

{"ops":[{"insert":"i like messing around with this kind of challenges\n"}]}

Chirps-stater-files

{"ops":[{"insert":"all are \"absolutely positioned\"\n"}]}