Comments (2)
@josecelano hmm, yeah, that blog page listing doesn't look great when there's only a few blog posts. I've been wanting to rewrite that for a while but haven't got to it yet.
You can try changing the CSS in (waves)/blog/page.svelte
, removing the entire @include for-tablet-landscape-up
block, and replacing grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
with grid-template-columns: 1fr 1fr;
. I think it'll look better! If you want just one post per line (so both are displayed like the first one in your screenshot), just use one 1fr
instead.
Not sure if you know much about CSS Grid, but "fr" is short for "fraction". So grid-template-columns: 1fr 1fr
means you're making the grid have 2 columns of the same size.
from torrust-website.
Hi @matfantinel I've just realized it's the intended behavior. The first one takes the whole width, and it seems it uses two columns for the rest.
It's ok, it just looks weird with two articles, but I will write the third one soon.
from torrust-website.
Related Issues (20)
- Install the new version of MegaLinter and fix errors
- `npm run build` errors HOT 1
- Review article: How To Run A Local Demo HOT 2
- New article: Live Demo for v3.0.0 Beta
- Change Nautilus Cyberneering GmbH to Nautilus Cyberneering SLU
- Review article: How To Setup The Dev Env HOT 1
- New logo and slogan?
- Contributor missing images
- Add Live Demo button to Hero section HOT 1
- Review article: Deploying Torrust To Production
- Highlight ToC
- Improve User Experience with Tooltip for GitHub Icon
- Latest Blog Box HOT 1
- Copy button add the tab title prefix
- Add udpate date to blog posts
- New blog post: Benchmarking the Torrust BitTorrent Tracker
- New blog post: Profiling the Torrust BitTorrent UDP Tracker
- List posts by author
- Cover images on larger screens
- Missing favicon.ico
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from torrust-website.