This community-built FAQ covers the “Justify Self and Align Self” exercise from the lesson “Advanced CSS Grid”.
Paths and Courses
This exercise can be found in the following Codecademy content:
Learn CSS
FAQs on the exercise Justify Self and Align Self
There are currently no frequently asked questions associated with this exercise – that’s where you come in! You can contribute to this section by offering your own questions, answers, or clarifications on this exercise. Ask or answer a question by clicking reply (
) below.
If you’ve had an “aha” moment about the concepts, formatting, syntax, or anything else with this exercise, consider sharing those insights! Teaching others and answering their questions is one of the best ways to learn and stay sharp.
Join the Discussion. Help a fellow learner on their journey.
Ask or answer a question about this exercise by clicking reply () below!
Agree with a comment or answer? Like (
) to up-vote the contribution!
Need broader help or resources? Head here.
Looking for motivation to keep learning? Join our wider discussions.
Learn more about how to use this guide.
Found a bug? Report it!
Have a question about your account or billing? Reach out to our customer support team!
None of the above? Find out where to ask other questions here!
When would one use this in practice?
1 Like
Hello,
Can someone clarify?
When looking to the index file I see the class as per exaple below:
div class=“recipe c”
When checking the class on CSS I only see :
.c
Why in CSS it’s not writen the complete class name?
“recipe c”
Thank you.
2 Likes
div class=“recipe c”
the above actually means two classes (class=recipe and class=c), if you refer to the previous lesson “multiple classes” you will find the explanation.
3 Likes
When you write “.recipe .c” in CSS, the code will select all elements with classes with “c” nested within elements with class “recipe”. In the HTML file, you can see that some elements are indented in the code, signifying that those elements are grouped within another element. Therefore, typing “.recipe .c” wouldn’t work in this case.
I think what you meant was “.recipe.c”, chaining CSS selectors together. That would mean selecting any elements with the specific class combination of “recipe” and “c” together. And that’s fine. But to keep it simple, I think CodeAcademy just separates the classes in the CSS code unless they need to override the original separate CSS rules with something different. In that case, the “.recipe.c” CSS rule would be more specific and override the original rules for elements with that specific class combination. Hope this helps.
