Hi, this is my Survey-Form and I would like to hear some feedback. I was thinking maybe to put some picture as background or this is fine? Please help me make it better!
https://codepen.io/amaranthaST/pen/xxbGxgR
Thank you!
Hi, this is my Survey-Form and I would like to hear some feedback. I was thinking maybe to put some picture as background or this is fine? Please help me make it better!
https://codepen.io/amaranthaST/pen/xxbGxgR
Thank you!
Hi @amaranthaST, your form looks okay but there are things you need to revisit;
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
).
<body> </body>
tags in HTML. (No need to include the body tags). For anything you want to add to <head>
click on the âSettingsâ button, then HTML and add it into the âStuff for <head>â box.
html
tag but no closing one. Just donât include it. The other thing is you have a call to a font but I donât see where youâve linked it or imported it. The font family name should be in quotes and you should include a fallback font like serif
or sans-serif
label
. You donât group a set of radio buttons and checkboxes within one label
. You can group the set of similar questions in a div
or look into how the fieldset
element works.Thank You very much I will do as You suggested!
âThe other thing is you have a call to a font but I donât see where youâve linked it or imported itâ <- Why I have to link it or import it, when it works?
edit: changed
âFont-family name should be in quotesâ - I guess this is good practice? On examples like W3 I saw no quotes on some examples - https://www.w3schools.com/cssref/pr_font_font-family.asp .
font-family: "Palatino Linotype", "sans-serif";
You need to import âPalatino Linotypeâ font in html or css.
Right now your project is using sans-serif font, because it couldnât find Palatino Linotype.
Not really, it is using Palatino:
this is Sans Serif:
they look similar really
Anyway I will change it to something else and problem solved
If that is the case then Palatino is supported automatically.
Try this with Roboto font, it wonât work because it is not supported by HTML and CSS unless you mention import inside css
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
I know On my other pen I have imported google fonts but here this workedâŚ
It may be that you have Palatino Linotype loaded on your machine and thatâs why you see it. I donât have it loaded on mine.
From the link you provided;
" Note: If a font name contains white-space, it must be quoted."
I said it wrong when I said the font-family name should be in quotes. I meant since the one you named had white space it should be in quotes. Not all font-family names need to be in quotes. So you would have something like;
font-family: "Palatino Linotype", sans-serif;
(Although realistically youâd probably choose serif because Palatino has serifs. I just wanted to show the difference between a font that has white space versus one that does not.)
Thank you!
I corrected the mistakes you pointed out to me. I will be glad to hear further comments if any!