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

Newsletter Popup Template

Hosterr Waitlist Page

Meeet Waitlist Template

Chirp Landing Page

YelpCamp by Colt Steele

Arclight Landing Page

Web Developer Portfolio

Javascript30 Navbar

This is perfect! My only comment is that in tablet size the image in the 'Diversify your portfolio' section isn't fixed to the bottom and is instead in a square that is vertically and horizontally centered. Other than that, great job! 

How long did this take you?

Thank you for the feedback. I fixed that issue with the align-self property of flexbox.
It took 3-4 hours to complete the project.

Very well done for only 3-4 hours of coding! 

  background-repeat: no-repeat;
  background-size: cover;

para que el fondo no se repita se vea como el diseño,
saludos desde mexico.

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

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.

Hey, I've seen your repository, you've made some really cool projects.

nice site. but when you reduce the page size with ctrl - the site contents fly around

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.

Hello, can anybody help me? I  finished the desktop view of this project using Bootstrap. Really simple: one row, two cols, and flex column layout for the text, but in order to make it responsive the way it's displayed on the picture * logo, picture, and description* cannot be done the way it's coded. I would have to put the logo outside of the row which is not a good option.. Any solutions? Same thing for the table view. Thank you

Fiber

Spense Landing Page  - Ayden Ashcroft

{"ops":[{"insert":"This was encode with practically effective HTML and CSS language........\n"}]}

Hosterr website design 

{"ops":[{"insert":"any suggestions?\n"}]}

news-letter-card

{"ops":[{"insert":"TimeNow pages made using html , css and bootstrap\n"}]}

TimeNow main page and Price page

{"ops":[{"insert":"Made using Bootstrap 5.1. Any feedback will be welcome.\n"}]}

Yelp Camp Project with React JS

Solution from halim 

Fiber Challenge

{"ops":[{"insert":"Made it from scratch using HTML and CSS. \n\n"}]}

Solution by Vilay

Chirp

{"ops":[{"insert":"Responsive landing page built with Svelte Kit and Tailwind CSS.\n"}]}

Snipper (Svelte Kit + Tailwind CSS)

Commune (Vanilla HTML & CSS)

My solution

Task Completed

spense landing page

Unifeed Blog

{"ops":[{"insert":"for the whole code, I use bootstrap\n"}]}

Landing Page - Codewell

Codewell starter webdevelopment challenge

{"ops":[{"insert":"It's my first website I created.\nShow me my mistakes.\n"}]}

YelpCamp

Fiber Starter

Johnathan Specter

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

Web Progam1

 Portfolio-Starter-files

Web Developer Portfolio 

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

not perfect

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

Jonathan Specter challenge

Gradie Sign up

{"ops":[{"insert":"Check my work and send me the reviews and errors, suggestions.\n"}]}

My First Responsive website

{"ops":[{"insert":"Made with HTML, SCSS/CSS, Swiper.Js for slider\n"}]}

Commune-waitlist

{"ops":[{"insert":"My desktop version of the website\n"}]}

Developer Portfolio

{"ops":[{"insert":"Here is my solution to portfolio challenge\n"}]}

Website Portfolio Solution

{"ops":[{"insert":"Responsive Design using tailwind Css\n"}]}

CHIRP Landing Page

{"ops":[{"insert":"Hey guys here is my solution, I'd like your honest reviews.\n"}]}

Chirp Landing page

Arclight responsive using flex

Fiber Landing Page made with Sass & JavaScript

Developer-s-Portfolio challange

{"ops":[{"insert":"the hardest part was the rotation of the shapes\n"}]}

{"ops":[{"insert":"This is my first HTML & CSS Coding very interesting to do. \n"}]}

Signup_Webpage

JS30 Navbar Challenge

YelpCamp challenge from codewell

{"ops":[{"insert":"just trying this out\n\n"}]}

Fiber challenge

Fiber Page with TailwindCSS

{"ops":[{"insert":"build with Vue, Vite and Tailwind\nfeedback is appreciated !!\n"}]}

Fiber | Vue + Vite + Tailwind

{"ops":[{"insert":"Html , CSS , Js vanilla \nmobile first \n\n"}]}

Commune Waitlist

Gradie | Vite + Tailwind

{"ops":[{"insert":"Made with React JS.\nGive me your feedback!\n"}]}

JS30NAVBAR

My navbar

Unifeed Blog page

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

Done with HTML and plain CSS. No libraries

{"ops":[{"insert":"developed a webpage using Tailwindcss Library.\n"}]}

Javascript 30 Navbar - Tushar Kanjariya

{"ops":[{"insert":"I have completed the given challenge as mentioned in the design.\n"}]}

Chirp Starter

{"ops":[{"insert":"Web Developer Portfolio Build with Tailwindcss\n"}]}