Improve home page UI. #144
Conversation
|
Site isn't responsive on Netlify, but when I run it locally it is. |
|
I don't know why this is happening but whenever I open it in mobile view it doesn't render correctly until I click on a card and then go back to the home page. |
|
It's changing after building. So it's not a Netlify problem |
|
I overthought it. It was really simple. I didn't even need react-device-detect. |
|
Hi @gauravsingh5, |
|
Hi @gauravsingh5, |
|
Do you know how to size it? |
|
|
|
Maybe we can add 3 dots at the end. |
|
For me is good |
src/components/card-grid.jsx
Outdated
| <Typography gutterBottom variant='h5' component='h2'> | ||
| {info.display} | ||
| </Typography> | ||
| <Typography>{post.excerpt.slice(0, 65)}</Typography> |
There was a problem hiding this comment.
If you just want 65 characters, you could use the gatsby graphql query, on the pruneLength change to 65
|
It seemed to work |
|
This is a temporary fix btw, we need to find a permanent one |
|
It fails because you change the text alignment to the center? |
|
It's the number of lines it takes |
|
|
|
It's without the slice btw. |
You could specify the |
|
But the question, why the current is align? |
|
|
|
|
|
I guess prune 10 should work. |
|
I will check your branch |
|
Just check the deploy preview |
|
The 10 prune didn't show the description of dungeon |
|
We can leave it like a teaser, if they click on it they see the full description. |
|
Let me check what is going on with the card |
|
Hi @gauravsingh5, |
|
Kudos, SonarCloud Quality Gate passed!
|
Made the UI of the home page a little better.