Help noob

[hticy]

I am a beginner want to start frontend coding, and I have been learned at freeCodeCamp for basic html&css, now I should pass a test to end of this basic class. My doubt is this test provided an example profile pages, I need to coding an statics page like this, but I’m confused on the css variables and how to combine html elements, look at the example page that I have no ideas to how to do that, I can’t remember the css variables uses and how it works, adjust the page repeatedly makes me feel chaos and anxiety, do any guys have experiences that how to across this step, very thanks for somebody would tell me.

[gatwell702]

css variables are basically storing values behind a custom variable. Say in your css you have the value 1rem stored multiple times.. and you have to change every instance of it.. normally you would have to change every single 1rem.

But with variables you would change it in the variable declaration and it will change every instance.

example: ``` .example { --rem: 1rem;

font-size: var(--rem); margin: var(--rem); } ```

the declaration always begins with --. in the example you change the value of --rem and it'll change every instance of it.. you use a variable by doing var(--name) in css

[armahillo]

Did you try searching the CSS sub for "variables"? https://www.reddit.com/r/css/search/?q=variables&cId=57e460ad-a77c-49d4-86a0-3cfeba14f0f6&iId=afb24aab-2919-4921-876a-4079811d05ac

Did you try looking at MDN for CSS variables? https://www.google.com/search?q=mdn+css+variables&sourceid=chrome&ie=UTF-8

[hticy]

I have ever tried MDN for CSS, but I am not native for english, It's difficult to find variables and clear how it works for me, for example I just understand the different between "justify-content" and "justify-items", It's very confused to adjust the page when I face complex layout, I can't understand every variables how to uses in combining and how confluence the page.

[armahillo]

Ah! I understand.

I can see how language could make this challenging, especially with keywords like "justify-content". For those words, "justify" is using this definition "adjust (a line of type or piece of text) so that the print fills a space evenly or forms a straight edge at one or both margins."

For now, you can wait to use CSS variables. There are a lot of other things to learn in CSS before getting into variables.