Design comparison
Solution retrospective
What did you find difficult while building the project? Centering every item in the right side 😅
Which areas of your code are you unsure of? Maybe the way I declare some class selectors
Do you have any questions about best practices? I want feedback if you take your time to review the code I will listen what I can improve
Community feedback
- @Raja-JunaidPosted over 2 years ago
Hi Ismael! First congratulations on completing this challenge.
I have some tips and tricks and improve your coding skills.
There are two ways to center the content. First is to text-align: center;. This helps when you want to only align text to the center.
The second way is when you are using Flexbox or CSS Grid then you have a good choice to center the webpage or align the webpage using align-items: center, it is used when you are centering from the cross axis and justify-content: center; used when you are centering from the main axis. These properties are only possible when you are aligning the parent element.
When you are using a child element and you want to align the item using flexbox or grid then these properties are used align-self: center; or justify self: center. These properties are only possible when you used these properties in the child element. There are also ways to center the webpage. Just Google it or use stack overflow.
I have some other tips for you to improve your coding skills:
1- Use comments in your code so this help what's going on.
2- Make your work as decent as possible.
3- Use nice-looking fonts.
4- Use attractive colors.
5- Make your websites neat and clean.
I hope this helps you!
Keep Practicing.
Happy Coding!
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord