@@ -43,9 +43,17 @@ layout: base.njk
4343 {{ job_post .company }}
4444 </a >
4545 </span >
46- <p class =" pt-8 flex items-center gap-x-6 mb-0" >
47- <span ><i class =" fa-solid pr-2 fa-briefcase text-xl text-[#475569]" ></i >{{ job_post .job_type }} </span >
48- <span ><i class =" fa-solid pr-2 fa-location-dot text-xl text-[#475569]" ></i >{{ job_post .location }} </span >
46+ <p class =" pt-8 flex flex-col md:flex-row md:items-start gap-x-6 mb-0" >
47+ <span class =" inline-flex items-center whitespace-nowrap" >
48+ <i class =" fa-solid pr-2 fa-briefcase text-xl text-[#475569]" ></i >
49+ {{ job_post .job_type }}
50+ </span >
51+ <span class =" flex mt-2 md:mt-0" >
52+ <i class =" fa-solid fa-location-dot text-xl text-[#475569]" ></i >
53+ <span class =" pl-2" >
54+ {{ job_post .location }}
55+ </span >
56+ </span >
4957 </p >
5058 </div >
5159 <div class =" pt-4 text-gray-700" >
@@ -76,9 +84,17 @@ layout: base.njk
7684 {{ job_post .company }}
7785 </a >
7886 </span >
79- <p class =" pt-8 flex items-center gap-x-6 mb-0" >
80- <span ><i class =" fa-solid pr-2 fa-briefcase text-xl text-[#475569]" ></i >{{ job_post .job_type }} </span >
81- <span ><i class =" fa-solid pr-2 fa-location-dot text-xl text-[#475569]" ></i >{{ job_post .location }} </span >
87+ <p class =" pt-8 flex flex-col md:flex-row md:items-start gap-x-6 mb-0" >
88+ <span class =" inline-flex items-center whitespace-nowrap" >
89+ <i class =" fa-solid pr-2 fa-briefcase text-xl text-[#475569]" ></i >
90+ {{ job_post .job_type }}
91+ </span >
92+ <span class =" flex mt-2 md:mt-0" >
93+ <i class =" fa-solid fa-location-dot text-xl text-[#475569]" ></i >
94+ <span class =" pl-2" >
95+ {{ job_post .location }}
96+ </span >
97+ </span >
8298 </p >
8399 </div >
84100 <div class =" pt-4 text-gray-700" >
@@ -109,9 +125,17 @@ layout: base.njk
109125 {{ job_post .company }}
110126 </a >
111127 </span >
112- <p class =" pt-8 flex items-center gap-x-6 mb-0" >
113- <span ><i class =" fa-solid pr-2 fa-briefcase text-xl text-[#475569]" ></i >{{ job_post .job_type }} </span >
114- <span ><i class =" fa-solid pr-2 fa-location-dot text-xl text-[#475569]" ></i >{{ job_post .location }} </span >
128+ <p class =" pt-8 flex flex-col md:flex-row md:items-start gap-x-6 mb-0" >
129+ <span class =" inline-flex items-center whitespace-nowrap" >
130+ <i class =" fa-solid pr-2 fa-briefcase text-xl text-[#475569]" ></i >
131+ {{ job_post .job_type }}
132+ </span >
133+ <span class =" flex mt-2 md:mt-0" >
134+ <i class =" fa-solid fa-location-dot text-xl text-[#475569]" ></i >
135+ <span class =" pl-2" >
136+ {{ job_post .location }}
137+ </span >
138+ </span >
115139 </p >
116140 </div >
117141 <div class =" pt-4 text-gray-700" >
0 commit comments