fix: several design mismatch

Author: siesdart

apps/portfolio/lib/app.dart

@@ -25,7 +25,7 @@ class App extends StatelessComponent with SyncProviderDependencies {
     yield DomComponent(
       tag: 'main',
       classes:
-          'grid grid-cols-1 place-items-center min-h-72 mt-1 mb-4 px-6 lg:grid-cols-[14rem_auto] lg:place-items-start lg:gap-x-8 lg:my-8 lg:px-8',
+          'grid grid-cols-1 place-items-center min-h-80 mt-1 mb-4 px-6 lg:grid-cols-[14rem_auto] lg:place-items-start lg:gap-x-8 lg:my-8 lg:px-8',
       children: [
         const Aside(),
         div(

apps/portfolio/lib/pages/project_list.dart

@@ -15,7 +15,7 @@ class ProjectListPage extends StatelessComponent with SyncProviderDependencies {
     switch (context.watch(projectsProvider)) {
       case AsyncData(value: final projects):
         yield ul(
-          classes: 'divide-y',
+          classes: 'divide-y divide-gray-200',
           projects.sortedByYearAndOrder().map(ProjectListItem.new).toList(),
         );
     }