testable-projects-fcc | testable projects for freecodecamp.org curriculum expansion | Architecture library

Hi guys I can't seem to center my button within the flexbox container class="hero". Any ideas why this is?

the button is below the email form but is left aligned to it (start in the same position).

I am trying to center the button like the example on this link:https://codepen.io/freeCodeCamp/full/RKRbwL. My CSS code also has a CSS reset but I haven't pasted that in. Thanks!

I was able to plot a choropleth map using D3.js version 7, as you can see here. Now I'd like to get an extra external data to complement it. I saw a lot of examples, but I'm kind of stuck now as the majority of examples are from previous versions that just don't work with the latest one no matter what I try.

The most important part of the js code which differs from the original is the following:

Good day!

I am doing a page programming task, and for a long time I cannot solve the "№5 “When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.” error. Please tell me what could be the problem?

link project: https://codepen.io/vjusmamh-the-lessful/pen/abwzVeG

I'm trying to include CDN link into index.html file in React app.

Below the code, this is what I tried the last so far. Still logs the error:

Could not fetch dependencies, please try again in a couple seconds: (intermediate value)(...).then(...).finally is not a function

Im not sure why but I cant seem to get this footer to go properly to the bottom, my body seems to only be going halfway up the page? I wrapped the whole thing in main to see if that would fix it if I set a height on that, it seemingly only goes the same height every single time. Its like its not catching the viewport or something and causing it to only go about half way up. Also please be easy im a new coder so if your awnser has just general advice to improve im all about it. Thanks ahead of time!

When I apply background-color to a section, it leaves white spaces on the right and left side of the element.

I want to remove them so that the background-color fills out the whole width of the section. I think I could solve it with extra padding, but is that the right thing to do?

Maybe I am blind, but I also did not find any CSS from the parent elements, which mess up the CSS from the section. I attached the CSS and HTML down below. I believe the error is caused by the CSS.

HTML:

I want to create a basic Navbar, which stays always on top of the page, even when you scroll. In Addition, the Navbar should be as wide as the width of the screen it is displayed on.

My current attempt is this:

CSS:

I have to use codepen to write up a website and then get my code to pass the W3 validator. The problem is that, whichever way I try to check the code, it comes up with different error messages.

When I copy and paste the whole code into W3, it says that I need and the other things like that (that I'm not allowed to type into codepen, without getting an error message on that end).

However, when I go into debug mode and put the URL directly into W3, it comes up with a load of errors that don't exist- the code it specifies isn't anywhere in my code.

Has anyone else had issues getting codepen validated by w3?

edit: codepen is https://codepen.io/johng003/pen/rNjrrOb

I want to center the column in the middle of my table so that the table header "Information" is centered exactly beneath the h2 header "His career". I have found out that the table is centered, but column 1 is wider than column 3:

I thought that this