I'm a little bit comfused with fonts and font-icons are not appear!
Design comparison
Community feedback
- @correlucasPosted over 2 years ago
Hello Khant, congratulations for your new challenge solution!
Some tips for your:
1.To add a font to your code just go to https://fonts.google.com/ choose the font you need (look the starter files, inside the folder there's a file that indicate you the colors, fonts and heading sizes). Then just drop the code Google Fonts will give your to the HTML (inside the
<head>
) or to the CSS (in the first line via @import).The two fonts used in this challenge are
font-family: 'Fraunces', serif; / font-family: 'Montserrat', sans-serif;
2.Icons, about the icon you've tried to insert inside the button, I saw that you've used
"content: """
to import the icon, I think is better you insert the icon directly to the html using a<img>
in the same div you've the button. Then you just apply flex to this div andflex-direction: row;
to make the div direction horizontally.Feel free to ask me further question too.
Marked as helpful1@KhantMin200Posted over 2 years ago@correlucas Thanks sir, your advice is really helpful to me. I am now learning python. My friends told me that I should learn backend first than frontend frameworks because they worried about that I couldn't write APIs. Is that true sir? Sorry for grammar if I make mistakes sir. English is not my first language.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord