|
35 | 35 | Some of the projects I have successfully completed |
36 | 36 | </p> |
37 | 37 | </div> |
38 | | - <div class="w-full flexh mt-12 gap-10"> |
39 | | - <div |
40 | | - class="w-full md:w-1/3 border border-indigo-500 rounded-xl shadow cursor-pointer" |
41 | | - > |
42 | | - <div class="bg-indigo-100 py-48"> |
| 38 | + <div class="w-full sm:grid sm:grid-cols-3 mt-10 sm:gap-6"> |
| 39 | + <div class="rounded-xl shadow cursor-pointer mb-6 sm:mb-0"> |
| 40 | + <div> |
43 | 41 | Prject Image |
44 | 42 | </div> |
45 | 43 | <div class="text-center px-4 py-4"> |
46 | 44 | Project Title |
47 | 45 | </div> |
48 | 46 | </div> |
49 | | - <div class="w-full md:w-1/3 rounded-xl shadow cursor-pointer"> |
| 47 | + <div |
| 48 | + class="w-full rounded-xl shadow cursor-pointer mb-6 sm:mb-0" |
| 49 | + > |
50 | 50 | <div class="bg-indigo-100 py-48"> |
51 | 51 | Prject Image |
52 | 52 | </div> |
53 | 53 | <div class="text-center px-4 py-4"> |
54 | 54 | Project Title |
55 | 55 | </div> |
56 | 56 | </div> |
57 | | - <div class="w-full md:w-1/3 rounded-xl shadow cursor-pointer"> |
| 57 | + <div |
| 58 | + class="w-full rounded-xl shadow cursor-pointer mb-6 sm:mb-0" |
| 59 | + > |
58 | 60 | <div class="bg-indigo-100 py-48"> |
59 | 61 | Prject Image |
60 | 62 | </div> |
61 | 63 | <div class="text-center px-4 py-4"> |
62 | 64 | Project Title |
63 | 65 | </div> |
64 | 66 | </div> |
65 | | - <div class="w-full md:w-1/3 rounded-xl shadow cursor-pointer"> |
| 67 | + <div |
| 68 | + class="w-full rounded-xl shadow cursor-pointer mb-6 sm:mb-0" |
| 69 | + > |
66 | 70 | <div class="bg-indigo-100 py-48"> |
67 | 71 | Prject Image |
68 | 72 | </div> |
69 | 73 | <div class="text-center px-4 py-4"> |
70 | 74 | Project Title |
71 | 75 | </div> |
72 | 76 | </div> |
73 | | - <div class="w-full md:w-1/3 rounded-xl shadow cursor-pointer"> |
| 77 | + <div |
| 78 | + class="w-full rounded-xl shadow cursor-pointer mb-6 sm:mb-0" |
| 79 | + > |
74 | 80 | <div class="bg-indigo-100 py-48"> |
75 | 81 | Prject Image |
76 | 82 | </div> |
77 | 83 | <div class="text-center px-4 py-4"> |
78 | 84 | Project Title |
79 | 85 | </div> |
80 | 86 | </div> |
81 | | - <div class="w-full md:w-1/3 rounded-xl shadow cursor-pointer"> |
| 87 | + <div |
| 88 | + class="w-full rounded-xl shadow cursor-pointer mb-6 sm:mb-0" |
| 89 | + > |
82 | 90 | <div class="bg-indigo-100 py-48"> |
83 | 91 | Prject Image |
84 | 92 | </div> |
|
0 commit comments