mirror of
https://github.com/ahmadk953/tasko.git
synced 2025-05-01 03:09:34 +00:00
Started Migration to Fluid-Tailwind and Misc Fixes
This commit is contained in:
parent
a9bd470c68
commit
9e4ef90d73
9 changed files with 21 additions and 18 deletions
|
@ -6,7 +6,7 @@ const BlogPage = () => {
|
|||
return (
|
||||
<div className='ml-4 mr-4 flex flex-col items-center space-y-10'>
|
||||
<h1 className='text-4xl font-semibold text-neutral-700'>Blog</h1>
|
||||
<div className='grid grid-cols-2 gap-20 sm:grid-cols-3 lg:grid-cols-4'>
|
||||
<div className='grid grid-cols-2 gap-20 md:grid-cols-3 lg:grid-cols-4'>
|
||||
{allBlogPosts.map((post) => (
|
||||
<div className='space-y-4 text-center' key={post._meta.path}>
|
||||
<Link href={`blog/posts/${post._meta.path}`}>
|
||||
|
|
|
@ -19,9 +19,9 @@ const PostPage = async (props: PostPageProps) => {
|
|||
}
|
||||
|
||||
return (
|
||||
<div className='mx-auto p-4 md:p-6 lg:p-8'>
|
||||
<div className='mx-auto ~/lg:~p-4/8'>
|
||||
<Image
|
||||
className='mb-2 h-64 w-full rounded-md object-cover md:h-[500px]'
|
||||
className='mb-2 w-full rounded-md object-cover ~/md:~h-64/[31rem]'
|
||||
src={post.coverImage}
|
||||
width={1200}
|
||||
height={600}
|
||||
|
|
|
@ -11,4 +11,4 @@ Hello and welcome to our new blog page! We are so exited to finally have a place
|
|||
|
||||
## What's next?
|
||||
|
||||
As you can see, although we have a blog page, it's a bit basic at the moment. In the future, we are planning to add things such as tags and dates as well as other stuff. In terms of the website it's self, we have a few major feates that we plan to add in the comming months.
|
||||
As you can see, although we have a blog page, it's a bit basic at the moment. In the future, we are planning to add things such as tags and dates as well as other stuff. In terms of the website it's self, we have a few major features that we plan to add in the coming months.
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue