Skip to content

Commit

Permalink
responsiveness
Browse files Browse the repository at this point in the history
  • Loading branch information
santhalakshminarayana committed Apr 12, 2024
1 parent 4fe7648 commit 0271f45
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 36 deletions.
29 changes: 11 additions & 18 deletions components/CardLayout.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ export default function CardLayout({ postsMetaData }) {
<style jsx>{`
.card-layout {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(24vw, 1fr));
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
margin: 1vh 11vw 1vh 11vw;
}
Expand All @@ -105,7 +105,7 @@ export default function CardLayout({ postsMetaData }) {
img {
width: 100%;
max-width: 100%;
height: 12vw;
aspect-ratio: 2/1;
object-fit: cover;
border-radius: 5px;
}
Expand Down Expand Up @@ -191,41 +191,34 @@ export default function CardLayout({ postsMetaData }) {
background: ${tag_link_active_background};
}
@media screen and (max-width: 1800px) {
.card-layout {
grid-template-columns: repeat(3, 1fr);
margin: 1vh 7vw 1vh 7vw;
}
}
@media screen and (max-width: 1280px) {
.card-layout {
grid-template-columns: repeat(2, minmax(43vw, 1fr));
grid-template-columns: repeat(2, 1fr);
margin: 1vh 5vw 1vh 5vw;
}
.card-container {
margin: 1vh 1vw 1vh 1vw;
}
img {
width: 100%;
max-width: 100%;
height: 23vw;
object-fit: cover;
}
}
@media screen and (max-width: 560px) {
.card-layout {
grid-template-columns: repeat(1, minmax(90vw, 1fr));
grid-template-columns: repeat(1, 1fr);
margin: 1vh 5vw 1vh 5vw;
}
.card-container {
margin: 1vh 0 1vh 0;
border-bottom: 3px solid ${card_container_hover_border};
}
img {
width: 100%;
max-width: 100%;
height: 45vw;
object-fit: cover;
}
}
`}</style>
</div>
Expand Down
36 changes: 18 additions & 18 deletions public/sitemap.xml
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
<url><loc>https://santhalakshminarayana.github.io</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.872Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/about</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/advanced-golang-memory-model-concurrency</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/build-blog-with-nextjs-mdx-and-deploy-to-github-pages</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/chromatic-adaptation</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/color-science</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/color-theory</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/concurrency-patterns-python</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/create-a-notes-app-with-flutter</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/go-gotchas-and-good-practices</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/retinex-image-enhancement</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/retinex-theory-of-color-vision</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/super-fast-python-cython</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/super-fast-python-good-practices</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/super-fast-python-multi-processing</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/super-fast-python-numba</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/super-fast-python-why-python-slow</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/whiteboard-image-enhancement-opencv-python</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T18:51:26.873Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/about</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/advanced-golang-memory-model-concurrency</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/build-blog-with-nextjs-mdx-and-deploy-to-github-pages</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/chromatic-adaptation</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/color-science</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/color-theory</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/concurrency-patterns-python</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/create-a-notes-app-with-flutter</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/go-gotchas-and-good-practices</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/retinex-image-enhancement</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/retinex-theory-of-color-vision</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/super-fast-python-cython</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/super-fast-python-good-practices</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/super-fast-python-multi-processing</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/super-fast-python-numba</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/super-fast-python-why-python-slow</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
<url><loc>https://santhalakshminarayana.github.io/blog/whiteboard-image-enhancement-opencv-python</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2024-04-12T19:18:09.628Z</lastmod></url>
</urlset>

0 comments on commit 0271f45

Please sign in to comment.