FCC : Landing Page - Help

[ckullo]

Hey all,

I am doing my landing page for the FCC projects.
The test result is completed in my localhost. But not working in the codepen.
Here is the codepen with my landing page: https://codepen.io/elchen/pen/bGBeNYq

I’ve been trying to figure out what’s wrong.
I do understand the problem lies with flexbox, but there is already inline flex in the HTML code.

Please help me. Thanks

[cherylm]

Hi there,

Flex needs to be used in the CSS. I don’t think the test suite looks for inline CSS styles in HTML.

It’s considered bad practice to use inline styling. Your HTML and CSS should be separate.

I hope this helps.

[Roma]

Looks like you’ve resolved this. All tests are passing unless you’re asking about the responsiveness issue. There’s always a horizontal scrollbar, which is something you don’t want.

Side note, this </br> is not a valid HTML5 element. Further, do not use the <br> element to force line breaks or spacing. That’s what CSS is for.

• Reference MDN Docs

[ckullo]

Thanks for the support.
This issue is solved. The problem lies in the codepen CSS setting.

Thanks for the suggestion from @Roma
I will do this one later.