Join Gary Simon for an in-depth discussion in this video Defining the CSS, part of Angular 2+: Creating CRUD Apps.
- [Instructor] Now that our template is defined…it's time to make it look like an actual layout with CSS.…Now as you can see, I have my browser on the right…and my code editor to the left…which allows us to see the changes being made…as we type our code.…Now, also be sure you have the ng serve command…running in your console.…First we're going to step into the style CSS file…inside of our source folder.…I'm going to hit control B to get rid of the sidebar.…
And real quickly we're going to give it a background color,…so body,…background color…is color code D4E0E1,…and save.…As you can see it's a light blue.…We're also going to give a padding top of 5em…just to push everything away from the top of the browser.…Now, real quickly I'm going to use the wild card…and specify font family of Raleway.…
Okay, let's hit control b,…we're going to go to our app component css file.…Now if you recall we created a div ID of iface,…so we'll start with that.…Inside of here we'll make a background…of EBF2F2.…And then also a width of 100%.…
- Angular Firebase CRUD
- Firebase setup
- Starting a project
- Defining the template
- CRUD apps with MongoDB
- MongoDB setup
- Creating a data service
- Home component
- Creating, updating, and deleting articles
Skill Level Intermediate
Angular 2: Widget-Based Architectureswith Derek Peruo52m 18s Intermediate
1. Required Understanding
2. Angular Firebase CRUD
3. CRUD Apps with MongoDB (Back End)
4. CRUD Apps with MongoDB (Front End)
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.