Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

Snipper Landing Page

Commune Waitlist 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.

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.

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.

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":"Made using Bootstrap 5.1. Any feedback will be welcome.\n"}]}

Solution from halim 

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

Snipper (Svelte Kit + Tailwind CSS)

Commune (Vanilla HTML & CSS)

Unifeed Blog

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

YelpCamp

Fiber Starter

 Portfolio-Starter-files

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

Commune-waitlist

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

Website Portfolio Solution

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

CHIRP Landing Page

Arclight responsive using flex

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

JS30 Navbar Challenge

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

Commune Waitlist

Gradie | Vite + Tailwind

My navbar

Unifeed Blog page

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