Spense Landing Page

Fiber Landing Page 

Gradie Sign Up 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

Web Developer Portfolio

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?

Tried visiting the links but none of them work 🤔

Source code link seems to be working fine, the live is still down, though

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! 

What problems are you having when trying to use the font face? My only comment is to use align-items: center; on this class 'articles__secondary--container' to center the text with the image, other than great job, very responsive!

Thank you moeminm !
I dowloaded the font face Manrope, but it's as if it wasn't taken into account and the code uses Verdana instead :

@font-face {
  font-family: "Manrope";
  src: url("./fonts/Manrope-VariableFont_wght.ttf") format ("truetype");
}

* {
  margin: 0;
  font-family: "Manrope", "Verdana", "Times New Roman";
}

Did you import the font? Check this article out https://css-tricks.com/snippets/css/using-font-face/

Alternatively, you can just link the font in the <head> using this: 

<link rel="preconnect" href="https://fonts.gstatic.com"> 
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&display=swap" rel="stylesheet">

and adding font-family: 'Manrope', sans-serif; in the CSS.

Both the pages in one:
https://codepen.io/ignitis/pen/PomKLRZ

Perhaps you could deploy this to Github Pages for us to see it live in action? Check out how to do it here: https://pages.github.com/

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

updated hamburger menu with small javascript code

Fiber

Gradie Sign up page

Unifeed blog page using React

Newsletter popup template challenge

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

 TimeNow/Pricing with Bootstrap 5

spense landing page made with html and css

Free Hosterr Waitlist Page

Solution with bootstrap 5

Fiber Landing Page

{"ops":[{"insert":"It was an awsome project to practice.\n"}]}

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

commune-waiting-page

{"ops":[{"insert":"Made with html,css with flexbox\n"}]}

Gradie solution without  a  framework

Spense Starter Files

Solution from halim 

{"ops":[{"insert":"This is my first project here. So, any feedback are welcome\n"}]}

Responsive Newsletter Popup

{"ops":[{"insert":"done with bootstrap 5\n"}]}

Solution

{"ops":[{"insert":"Built with pure HTML and CSS, also responsive on mobile\n"}]}

Chirp landing page done

{"ops":[{"insert":"Luego de estar por 4 horas matándome con el responsive, lo logré :'D\n"}]}

AL FIN

Just for practice purpose

{"ops":[{"insert":"Done with CSS Grid and backend done in Nodejs.\n"}]}

YelpCamp

{"ops":[{"insert":"used only css, html. i would appreciate all the suggestions.\n"}]}