Design a Cafe menu step 91 - Margin left css not working

HTML-CSS
1

hi. okay not liking my margin-left to then centre the img element i have in my css code. so what am i doing wrong. have reset the lesson. so why is it not passing. will paste my css code and the error message below.
can any one help, and the help button would not come up with my screen reader jaws. tried turning off my screen reader and then turning it back on in chrome. not giving me that option. so pasting the error message and my css code. can any one help.
marvin.
ps: will try typing it in again in the editor.
marvin.
Sorry, your code does not pass. You’re getting there.

You should set the margin-left property to auto.

h1,h2, p {
        text-align: center;
                }

                h1, h2 {
                                font-family: Impact, serif;
                }

                h1 {
font-size: 40px;
margin-top: 0px;
margin-bottom: 15px;
                }

                h2 {
font-size: 30px;
                }

                hr {
height: 2px;
background-color: brown;
border-color: brown;
                }

                .bottom-line {
margin-top: 25px;
                }

                .established {
                    font-style: italic;
                }

                img {
display: block;
margin-left: auto;
margin-right: auto;
                }

    body {
        font-family: sans-serif;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        background-image: url("https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg");
    }               
                                        
    .menu {
        width: 80%;
        max-width: 500px;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 20px;
                            }

    .flavor, .dessert {
        text-align: left;
                    width: 75%;
    } 
    
            .price {
        text-align: right;
        width: 25%;
        font-size: 18px;
    }

    .item p {
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 18px;
    } 

    /* footer */
    footer {
        font-size: 14px;
    }

    address {
        font-style: noarmal;
    }

    .address {
            margin-bottom: 5px;
    }
    
    a {
        color: black;
    }

    a:visited  {
                    color: black;
    }

    a:hover {
        color: brown;
    }

    a:active {
    color: brown;
    }
2

Are you able to provide context for this question please? I don’t know which step of which project you are attempting, so can’t see what might be going wrong.

3

hi. doing the design a cafe menu and up to step 91. not liking my margin left property on the style sheet. and no help button on the step. using jaws for windows screen reader and google chrome. totally blind. so will paste my error message, the css code and the link to the step.
can you help.
marvin.
ps: pasting below.

Sorry, your code does not pass. You’re getting there.

You should set the margin-left property to auto.

    h1,h2, p {
        text-align: center;
                }

                h1, h2 {
                                font-family: Impact, serif;
                }

                h1 {
font-size: 40px;
margin-top: 0px;
margin-bottom: 15px;
                }

                h2 {
font-size: 30px;
                }

                hr {
height: 2px;
background-color: brown;
border-color: brown;
                }

                .bottom-line {
margin-top: 25px;
                }

                .established {
                    font-style: italic;
                }

                img {
display: block;
margin-left: auto;
margin-right: auto;
                }

    body {
        font-family: sans-serif;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        background-image: url("https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg");
    }               
                                        
    .menu {
        width: 80%;
        max-width: 500px;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 20px;
                            }

    .flavor, .dessert {
        text-align: left;
                    width: 75%;
    } 
    
            .price {
        text-align: right;
        width: 25%;
        font-size: 18px;
    }

    .item p {
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 18px;
    } 

    /* footer */
    footer {
        font-size: 14px;
    }

    address {
        font-style: noarmal;
    }

    .address {
            margin-bottom: 5px;
    }
    
    a {
        color: black;
    }

    a:visited  {
                    color: black;
    }

    a:hover {
        color: brown;
    }

    a:active {
    color: brown;
    }
4

hi. been waiting for 2.5 hours or longer for help with my margin issue. any one able to help. trying to be patient.
marvin.hi. any one able to help. been waiting and maybe 2.5 hours or close to 3 hours. any one able to help me with my margin error.

5

if you keep ignoring moderation instructions, it can result in moderation actions. Do not keep posting a post only to say “I am waiting”. The forum is an asynchronous mode of communication, once you post, you wait. If you want something more immediate, try the discord server: https://chat.freecodecamp.org

6

it’s failing because you have changed something in the surrounding code, if you only add the img selector and the required properties it should pass