From the course: TanStack Query: Efficient Data Fetching and State Management
Join today to access over 25,500 courses taught by industry experts.
Enhancing CSS styles - TanStack Query Tutorial
From the course: TanStack Query: Efficient Data Fetching and State Management
Enhancing CSS styles
- [Instructor] Let's take a moment to improve the look of our app here. I think it's great that we are loading the data, but I think our look and feel could improve a bit. So I'm actually going to make changes to our App.css file, and in the App.css file, again, we're importing this into our App.tsx. This is a more traditional CSS setup. You could use a library like Tailwind for this, but just to keep it simple, we're going to use some basic styles that refer to different classes. Speaking of those classes, let's go ahead and add them first so that we can see our progress. Here on line 53, we're going to add to the div a className. So we need to use this camel case here. Remember, in React applications, that is always required. We'll see an error if we use just the word class. So profiles-container, let's go ahead and write some styles. We'll add 'em right here to line 1, why not? Now, our styles are going to look like this. profiles-container. display: flex. flex-wrap: wrap. gap:…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.