update: responsive

Nayana62 · Jan 19, 2024 · 78fcda8 · 78fcda8
1 parent c8ee574
commit 78fcda8
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/pages/SearchResults.js b/src/pages/SearchResults.js
@@ -44,17 +44,17 @@ const SearchResults = () => {
  }
  >
  {video?.id?.kind !== "youtube#playlist" && (
- <div className="flex gap-2 relative">
+ <div className="flex flex-col sm:flex-row gap-2 relative">
  <img
  src={video?.snippet?.thumbnails?.medium?.url}
  alt="thumbnail"
  className={` mb-5 ${
  video?.id?.kind === "youtube#channel"
- ? "rounded-full w-2/12 h-[12rem] mx-[5rem]"
- : "rounded-xl w-4/12 h-[12rem]"
+ ? "rounded-full w-full sm:w-2/12 h-[12rem] mx-[5rem]"
+ : "rounded-xl w-full sm:w-4/12 h-[12rem]"
  }`}
  />
- <div className=" w-8/12">
+ <div className="w-full sm:w-8/12">
  <h2 className=" text-lg">
  {video?.snippet?.title}
  </h2>