First Commit

app/ui/dashboard/latest-invoices.tsx

@@ -9,12 +9,12 @@ export default async function LatestInvoices({
   latestInvoices: LatestInvoice[];
 }) {
   return (
-    <div className="flex w-full flex-col md:col-span-4">
+    <div className="flex w-full flex-col md:col-span-4 lg:col-span-4">
       <h2 className={`${lusitana.className} mb-4 text-xl md:text-2xl`}>
         Latest Invoices
       </h2>
       <div className="flex grow flex-col justify-between rounded-xl bg-gray-50 p-4">
-        {/* NOTE: Uncomment this code in Chapter 7 */}
+        {/* NOTE: comment in this code when you get to this point in the course */}
 
         {/* <div className="bg-white px-6">
           {latestInvoices.map((invoice, i) => {