From 6d8030308ffc5ccca07ff5351bea31984bdb5f9a Mon Sep 17 00:00:00 2001
From: Ashirbad Sahu <130544212+ashirbadsahu@users.noreply.github.com>
Date: Thu, 7 Dec 2023 22:53:07 +0530
Subject: [PATCH] Update README.md with typo fix , corrected instructions and
 improved clarity (#33)

* Update README.md with typo fix,corrected instructions and improved clarity

* Adjust bottom margin for better alignment on devices with >768px height
---
 README.md                       | 4 ++--
 src/routes/InstallButton.svelte | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 2622ff3..2fad497 100755
--- a/README.md
+++ b/README.md
@@ -11,7 +11,7 @@ Feel free
 
 ## Requirements
 
-- `pnpm` for the package management. (npm works too if you only want to build it)
+- `pnpm` for the package management. (You can also use npm if you only intend to build the project)
 - `imagemagick` to generate the blurred background images.
 
 ## Development
@@ -19,7 +19,7 @@ Feel free
 - `pnpm install` To install the required npm packages
 - `pnpm dev` To start the dev server
 - `pnpm build` To build the static site into `./build`
-- `pnpm preview` To preview the builded site in `./build` ( no dev environment )
+- `pnpm preview` To preview the built site in `./build` ( no dev environment )
 
 ## Credits
 
diff --git a/src/routes/InstallButton.svelte b/src/routes/InstallButton.svelte
index 8908ae7..24bd270 100755
--- a/src/routes/InstallButton.svelte
+++ b/src/routes/InstallButton.svelte
@@ -36,7 +36,7 @@
 		<slot name="imageExtra" />
 	</div>
 
-	<div class="relative mb-2 flex grow flex-col font-mono">
+	<div class="relative mb-2 flex grow flex-col font-mono md:mb-6">
 		<button
 			class="flex min-w-[18rem] items-center justify-center gap-4 rounded-full border border-primary py-3 pl-6 pr-6 text-base font-medium transition-transform active:scale-[1.01]"
 			on:click={$$slots.default ? undefined : copyCommand}