Components: `md-grid-list`, `md-grid-tile` can't find the way how to align items to left/right #1212

Created on 20 Jan 2017 · 4Comments · Source: angular/components

Bug, feature request, or proposal:

iits closed without to say how to do it.
I cat align the text within colums to the left

What is the expected behavior?

What is the current behavior?

What are the steps to reproduce?

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: http://plnkr.co/edit/o077B6uEiiIgkC0S06dd

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, browsers are affected?

Is there anything else we should know?

Source

stefanaerts

Most helpful comment

@yuriyovych
Just came across this one. Solved it by wrapping the mat-grid-tile content with div and setting it to width: 100%; display: flex; align-items: flex-start;

Note that you don't need flex properties if you only have one element (I used it, since I have 6 elements in tile)

dojchek on 12 Jun 2018

👍2 🎉1

All 4 comments

i did it like this,with a div and a class
.text-inside-grid {
position: absolute;
left: 5px;
}
probably not the best way,but i don't know the standard way within md-grid

stefanaerts on 20 Jan 2017

any news about this issue?

yuriyovych on 19 Mar 2018

@yuriyovych
Just came across this one. Solved it by wrapping the mat-grid-tile content with div and setting it to width: 100%; display: flex; align-items: flex-start;

Note that you don't need flex properties if you only have one element (I used it, since I have 6 elements in tile)

dojchek on 12 Jun 2018

👍2 🎉1

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}