Design a cafe menu step 45 - Css width issue

HTML-CSS
1

hi. so i set my .flavor class to width: 75%; but it is not liking my style sheet. not sure. what am i doing wrong. says my width needs to be 75%;. so can you help me out. so, what stupid thing am i doing wrong? can you help? a screen reader user. so using the online editor. so whats wrong?
pasting the error message and my css code and the link to the step.
marvin.
You should set the width property to 75% in your .flavor selector.?

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

        body {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            background-image: url("https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg");
        }               
                                            
        .menu {
            width: 80%;
                        margin-left: auto;
                        margin-right: auto;]
        }

        .flavor {
            text-align: left;
                        width: 75%;
        } 
        
                .price {
            text-align: right;
            width: 25%;
        }

        .item p {
            display: inline-block;
        }
2

Hi. The code in your editable region works for me.

I noticed you have changed some of the seed code which may be causing it to fail. See for example this typo on the existing .menu selector

margin-right: auto;]

I suggest you reset the step and be careful not to change anything other than the width properties.

3

hi. only changed the properties. and did have a right brakcet which i took out. still not liking it. wonder if you have an issue with the vallidator. or my screen reader is playing up or maybe google chrome is having a fit. so pasting my code below. so what am i doing wrong. so did the local copy in visual studio code, then copied and pasted. the width is the new width, 75% for the .flavor, and 25% for the .price. not liking it.
so how to fix.
this is frustrating. yes, reset it again, unless i have to type up the whole stylesheet again, to see if it will pass.
frustrated.
marvin.
ps: pasting the code below.

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

        body {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            background-image: url("https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg");
        }               
                                            
        .menu {
            width: 80%;
                        margin-left: auto;
                        margin-right: auto;
        }

        .flavor {
            text-align: left;
                        width: 75%;
        } 
        
                .price {
            text-align: right;
            width: 25%;
        }

        .item p {
            display: inline-block;
        }
4

hi. still not working. so should i then just close chrome and try again tomorrow when i have a fresh mind. frustrating. not working. and i dont know why. just listened to the code, no right brackets, etc. wonder if the vallidator is having a fit. or something else, unless i have to write out the whole css code again in the editor. should i try that tomorrow. just frustrated and tired.
marvin.

5

Hi.
I can see from the code you have posted above, say for body, is different to what appears as the seed code in the step.

Again the code you have provided for .flavour and .price work for me so the issue is the seed code changing.

If you reset the step you don’t need to re-write all the code in the stylesheet again. You just need to not change any of it and only make the changes for .flavour and .price selectors.

Can you clarify that you are on step 45 of the cafe menu project?

6

hi. okay will try this one more time. if it does not work. i say google chrome or my screen reader. changed something. okay, will try reset. one more try and wish me good luck. will just change in the editor, and not copy and paste. think that was my problem.
marvin.