About the HTML-CSS category

About the HTML-CSS category
type or paste code here
```those are single quotes, you should enclosed link with double quotes
<img src="https://bit.ly/fcc-relaxing-cat" alt="relaxing cat">

post the code so that i can see where the problem.


Hello guys! I have been going through the curriculum material and I enountered a problem on the third project of the Responsive Web Design Certficate. I tried to copy and paste the html and css code on two seperate files locally on my pc and connect them with these lines in the htm document.

<link rel="stylesheet" type="text/css" href="original.css">

The thing is that the page doesn’t show up like in codepen. I’m testing the example given, not my implementation. The result is this:

The yellow signs warn about “unknown property name” or “invalid property value”. Why is this happening? I kind of lost my motivation by not being sure that what I create in code pen works flawlessly…


Hi find the HTML structure below:

<!DOCTYPE html>
<title>Page title </title>

This is my header

This is my paragraph


I’m new to coding; I started the lessons on freecodecamp
Can you download the certificate at the end each section? I seeking to change careers and want to show potential employers that I have the skills they desire.


I was looking for help on how to change the background color to blue.
Thank you

Bootstrap Example

I was looking for help on changing the backgroi=und color to blue.
Thank you

Bootstrap Example

Basic Navbar Example

A navigation bar is a navigation header that is placed at the top of the page.

The navbar-expand-xl|lg|md|sm class determines when the navbar should stack vertically (on extra large, large, medium or small screens).


hi im new to coding,right now im working on product landing page and i have a problem with #12" When I click the #submit element, the email is submitted to a static page (use this mock URL: ------) that confirms the email address was entered (and that it posted successfully)." this is what i have and cant make it work,can i ask for help with this?


this is what i have for the code with submit element`
<input type=“email” name="email"required placeholder="Enter your email address"id=“email”
action=“https://…/email-submit”><input type=“submit” id=“submit” value="submit"name=“submit”>

` thanks in advance

Use the image tag:

After src=, you add the link to the image, wrapped with quotation marks of course. “Link”.

Remember that the image tag is one of those HTML elements that are self-closing, so you don’t need a separate closing tag. You can also use the width and height attributes to control what size the image will display. For example, in the image I used above, if you wanted to let it display as 640px in width by 480px in height, you would do the following:

alt=“Forest picture.” width=“640” height=“480”>

The width and height attributes defines the image using pixels by default, so you don’t need to write “640px”. It’s a good idea to set a width and height to any image you use on your website, otherwise the image may flicker when the page loads.

In HTML5, though, it’s recommended that you use the “style” attribute when setting a width and height for the image. So, instead of the above, you will use:

alt=“Forest picture.” style=“width:640px;height:480px”>

As you may have noticed, when using the “style” attribute, you now have to add the “px”. A benefit of using the style attribute is that it prevents the style sheets from changing the size of the image.


You will need to correct the link. You’ve written “” after the link. Remove that.


You need to add the tag to your code. That’s what’s missing. Before your first

tag, which is on line #2, under your

tag, add . Then, at the end of your code under the final closing tag, add . The main tag needs to have a closing tag. This is what they mean by wrapping up your

tags in the tag.


Tank u QuincyLarson in this still have good peolpe like u!!


I tried everything that I could think of, stared at the code for a while, searched google, and tried some more. Could someone please offer a little advice?

  :root {
    --red-color: red;
    background-color: #FF0000;        
  .red-box {        
    background: var(--red-color);
    height: 200px;
<div class="red-box"></div>


You put background-color: red: in the wrong block.
The root is where you set the variable. The variable is called in .red-box but if a browser doesn’t recognize the variable you need to provide an alternative.

If you reset the code you’ll notice that in the .red-box block there’s a empty space before the background: var(--red-color); for you to put in the answer.

Oh, and btw, it’s just background…it told you that. NOT background-color

While this doesn’t entirely cover what you reported in 404 Error Reported about there not being a Hint page it at least answers the problem you’re seeing.
Read the instructions and guides carefully. HTML and CSS do what you tell them. It can be hard and frustrating when you don’t see the error you’ve made at first glance so take a step back. Get a sammich and then try looking again with fresh eyes.

1 Like

Yeah, I probably inserted code there about 25 times it was just bad code on my end. Thanks for the help! I got it sorted. ‘#F00’ to the rescue.


Hello, I have a doubt for my website, that if I want to insert h1, h2, h3, h4, h5 and h6 in random sequence but according to HTML this header tags should be in increasing sequence…?
Please help me…


Hi Sunny,
not sure if I got your question right. You can use and insert the header tags as you wish and set them as you prefer in terms of the feel and look.

Normally the h1 it’s the main title, but that doesn’t mean that has to be strictly “bigger” than the h2 or before it, jut prioritize them in terms of search results importance.

Hope this helps!


Hi people!
I need help understanding the behaviours of <div> when applying margin.

I have two <div>, both with {margin: 24px auto} .
When I inspect them I can see that the second it’s stacked after the previous one, but the bottom margin (24px top and bottom) it’s not affecting this second one, which is actually touching the first <div> with its “box content”.

Which CSS class could be affecting this behaviour? What it could be wrong in my code?



Hello RaniFloat, I’m currently trying to solve this problem as well. How were you able to get through this please?