In this lesson, we're going to start building out this navbar component.
This is going to be a relatively short guide, but we're going to discuss a very important topic in CSS. That topic is padding.
In the last guide, we talked about padding. I think it is a natural progression to now talk about margin.
Hi, and welcome to this course update for Font Awesome.
In this lesson, we're going to walk through how we can import Font Awesome to start integrating icons into our website.
In this guide, we're going to work more on our icon and hours of operation. The way that we'll do this is utilizing something called "Parent-Child relationships", which will give us greater control in our styles.
In this tutorial, we're going to walk through how to work with CSS Grid, and explore some of the functionality it brings.
Our navbar is coming along nicely. Along the way, you are learning a lot about HTML and CSS. The next thing that we're going to learn is how to integrate custom fonts.
Now let's dive into how we can use images in HTML. Specifically, we are going to take a logo and we're going to place it here at the top of this navbar.
In this lesson, we're going to perform some refactoring. If you've never heard of what refactoring is, what it essentially means is when you have code that can be improved.
In this guide, we're going to work on centering the column element on the page here and we're going to see how we can use CSS grid combined with Flexbox in order to get the type of behavior that we're looking for.
In this tutorial, we're going to walk through how we can implement animations in HTML and CSS.
So you're making great progress and you're learning a lot along the way. You now have about 75% of this nav bar done, and it's just gonna take a couple more tutorials to get us 100% done, and then we can finish off the home page, and I promise you the rest of the site will not take as long as what we've done right here.
Nice job in making it this far. We are just about done with the navbar.
In this guide, we're going to walk through how we can build a parallax image feature into a website completely from scratch.
In this lesson, we are going to finish out the styles for this hero unit. We're going to style up these two heading elements.
In this lesson, we are going to add the HTML content and structure for these three elements.
In this lesson, we're going to walk through how we can implement the feature section styles.
In this guide, we are going to learn about how to use nth-child selectors to leverage unique styling methods in CSS.
In this tutorial, we're going to walk through how we can add a box-shadow in CSS.
devCamp does not support ancient browsers.
Install a modern version for best experience.