The html marker project

my markers are not showing up on the lright side of my screen

Welcome to FCC Forum!

Is the preview clicked at the top on the right side?

Could you please post the complete code using the help that appears after three unsuccessful attempts at any step in Responsive Web Design?


Colored Markers

CSS Color Markers

h1 {
text-align: center;

.container {
background-color: rgb(255, 255, 255);
padding: 10px 0;

.marker {
width: 200px;
height: 25px;
margin: 10px auto;

.red {
background: linear-gradient(180deg, rgb(122, 74, 14) 0%, rgb(0, 255, 0) 50%, rgb(0, 0, 255) 100%);

.green {
background-color: #007F00;

.blue {
background-color: hsl(240, 100%, 50%);


It is best to use the Help, for the step you are currently working one, and submit all complete code through the provided option to submit both the code and your question.

Sometimes, the issue is outside of the main place where we are placing the new code.

This allows for quick, direct and accurate guidance from the forum community.

Keep up the good progress!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.