Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Comment Module 

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

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.

I would add on hover cursor pointer for the menu. 

I checked your source code and I have had similar issues.
You can try changing the way you added the images where you do something like this
<img src="Assets/Checkmark.svg" alt="checkmark"> instead of
<img src="../Assets/Checkmark.svg" alt="checkmark">
The first one will work locally and on deployment. 
If it works, you might try writing it down so it's easier to get next time.
I am looking forward to seeing the site once the images show. Cheers.


If there's any changes or improvements I can make please let me know.

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

{"ops":[{"insert":"Spense desktop website version using React js\n"}]}

Spense desktop website version using React js

Unifeed blog page using React

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

Gradie Sign up page

{"ops":[{"attributes":{"code-block":true},"insert":"\n"}]}

Gradie-Codewell

InderBrew -Codewell

INDIE BREW solution

C.J commune demo

{"ops":[{"insert":"Build with react, tailwind css and styled component. \n"}]}

React Tailwind css

Snipper Template complete 

{"ops":[{"insert":"Hosterrr Landing page.\n"}]}

Hosterrr

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

Hosterr website design 

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

Newsletter Popup Template Using HTML And CSS

Gradie Sign up Challenge solution

{"ops":[{"insert":"Used HTML and CSS, It was an interesting project\n"}]}

Fiber Landing Page

Spense landing page

{"ops":[{"insert":"I have used Bootstrap 5.1 for this project. Any feedback is appreciated.\n"}]}

Spense Landing Page solution using Bootstrap 5.1

Spence Landing Page

Commune Webpage Challenge

Gradie Login Page

{"ops":[{"insert":"Snipper Landing Page\nMade with pure HTML&CSS\n"}]}

Snipper-landing-page

Archlight Landing Page using CSS3 Only

Chirp Starter files

{"ops":[{"attributes":{"bold":true},"insert":"Gradie Sign Up Page"},{"insert":"\n"}]}

Developer portfolio starter files  by ikram

TimeNow Landing Page - (React.JS, Styled Components)

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

Landing Page - Codewell

{"ops":[{"insert":"Any comments and suggestion will be appreciated. Thank you everyone!\n"}]}

web developer portfolio

Web developer portfolio

{"ops":[{"insert":"Hecho con Bootstrap 5\n"}]}

Challenge Developer Portfolio

Snipper Template Starter

{"ops":[{"insert":"Built with Flexbox, SASS and BEM.\n"}]}

{"ops":[{"insert":"Any comments and suggestions will be appreciated. Thank you!\n"}]}

Indie Brew

HTML and CSS

Developers Portfolio using HTML CSS JS

{"ops":[{"insert":"Used basic CSS styling with Flexbox. \n"}]}

Challenge Completed using HTML and CSS 

{"ops":[{"insert":"HI,\nThis is my first codewell task.\ndone with 2 hours.\nThank you.\n\n"}]}

{"ops":[{"insert":"A simple HTML & CSS solution\t\n"}]}

Snippet Template

{"ops":[{"insert":"I was a nice project.\n"}]}

Snipper Snippet Landing Page

Newsie Newsletter Card

 Meeet-Waitlist-Template

{"ops":[{"insert":"Chirp challenge using tailwind css\n"}]}

Chirp Challenge

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

Website Portfolio Solution

Codewell Challenge - Web Developers Portfolio Clone

{"ops":[{"insert":"This project was a bit challenging 😅\n"}]}

Ondeck

YelpCamp Challenge

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

Unified Blog

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

commune waitlist page challange

{"ops":[{"insert":"One challenge to get free challenges here all done,\nHappy coding guys\n"}]}

Spense landing page built with HTML and CSS

Spence landing page with HTML, CSS and JS for burger.

Unified Blog Page

Gradie-Sign-Up 

It's alive

Chirp landing page challenge

Indiebrew Landing page

{"ops":[{"insert":"It was good to try\n"}]}

Gradie Sign Up 

{"ops":[{"insert":"hello. my solution\n"}]}

Commune-waitlist practice

{"ops":[{"insert":"Responsive page created using Flexbox\n"}]}

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

Gradient sign up page

{"ops":[{"insert":"project to get you started. Purely on HTML,CSS .\n"}]}

Newsletter popup Template 

{"ops":[{"insert":"Responsive page created using HTML and CSS\n"}]}

Comment Module

my solution

{"ops":[{"insert":"I appreciate any feedback :)\n"}]}

Chirp landing page

{"ops":[{"insert":"TimeNow Landing Page\n"}]}

{"ops":[{"attributes":{"bold":true},"insert":"IndieBrew Landing Page"},{"insert":"\n"}]}