Technical Blog - CSS Concepts
Learning Competencies
- Compare CSS concepts to determine the differences
- Explain how and when to use CSS concepts
Summary
Writing blogs on technical subjects will help you solidify your learning.
Time Box
| Activity | Time |
|---|---|
| Research | 1 hour |
| Write | 1 hour |
Open HTML file
In the blog directory of your USERNAME.github.io repo, create and open a html-css.html file.
Steps
- Research a topic
- Write your blog
- Add a link to the index page
- Share with your cohort via Discord
Select a Topic
Research ONE of the following topics:
- What is the difference between Margin, Border, and Padding?
- What are the best practices associated with using classes vs. ids?
- What are the differences between relative, absolute, and fixed positioning?
- What does it mean to display inline vs inline blocks?
Write your Blog Post
Write a blog post that teaches others how and when to use each thing. There is no length requirement, but it should show the knowledge you gained in this sprint. You should show examples of code and screenshots to help teach others!
HINT: Intend your blog for a non-technical audience. Imagine explaining to a non-technical friend, for instance. Try to take a person step-by-step through understanding one of the topics above.
Publish
Link to your post from index.html so people can navigate to your page from your site's index/home page. Make sure to push any changes to GitHub to publish them online.
Share
Share your blog on the #foundations Discord channel. Read other blogs people have linked. See if you agree or disagree. Did you learn something new? Start a discussion on this topic.