FCC : Landing Page - Help

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

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.

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.

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.