Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

card-summary.

#bootstrap
Emad 270

@emadbakry

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


i found a problem with setting the correct color and fonts, how can i find fonts name from images only? please help me.

note: i have fixed the problem of "img not found".

Community feedback

Lucas 👾 104,540

@correlucas

Posted

Hello Emad, congratulations for your solution!

Answering your question:

For the Frontend Mentor challenges you dont need to guess the font, its all given in a file style-guide.md that comes with the folder starter files for the challenge, there you can find hsl colors, screen sizes and font names and sizes.

But if you really want to discover the font usinf a jpeg theres some sites thst do that for you if you upload the image and say you the exact font.

This site find you the font with the jpeg image: https://www.whatfontis.com/

Hope it helps and happy coding!

Marked as helpful

0

Emad 270

@emadbakry

Posted

@correlucas omg i dont know how to thank you i always wondering what those files are about, i will explore them. you saved my day's time and make my day, i appreciate it. 🌹

0
P

@ghintema

Posted

Hi,

there are img not found... Do you know that? Further more: From semantical point of view its better to use <main> and <section> elements instead of only <div class="main-section">. Though technically this doesn't matter, of course... And yeah, its just a very small landingpage. But I think it's good to get used to the correct things early on... :)

Marked as helpful

0

Emad 270

@emadbakry

Posted

@ghintema thank you so much for your feedback, can i ask you something? i uploaded every thing to a Github hosting but images dont work! what should i do? i am sure the paths are correct.😢

0
Emad 270

@emadbakry

Posted

@emadbakry i fixed it!

the first slash (/) of the image path makes it error for Github hosting but it does not make any effect on local opening like vs code or the browser. i dont know why.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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