/Html/Flex inside flex mr-auto not working

Flex inside flex mr-auto not working

// add width to 100% inside flex wrapper dive
<div class="d-flex p-2">
                                <div class="profile-avatar mr-2">
                                    <img class="avatar-img" src="/images/Avatar" alt="avatar">
                                </div>

                                <div class="w-100">
                                    <div class="d-flex mb-1">
                                        <h6 class="text-truncate mb-0 mr-auto">Name</h6>
                                        <p class="small text-muted text-nowrap last-updated" datetime="Timestamp"></p>
                                    </div>
                                    <div class="text-wrap text-break p-1 message">message.Content</div>
                                </div>
                            </div>

Source: stackoverflow.com

Similar codes

11 votes67 views2 answers
Remove blue border input
Html
1 vote106 views1 answer
Html query zip code
Html
0 vote112 views1 answer
Text box border css
Html
0 vote123 views1 answer
Github icon html
Html
0 vote114 views1 answer
How to take out interest of any number
Html
2 votes100 views1 answer
Best place to include script in html layout
Html
3 votes126 views1 answer
Sound on click
Html
4 votes104 views2 answers
Standard html starter code
Html
23 votes115 views2 answers
Add favicon to next js static site
Html
0 vote121 views1 answer
If the screen size is then link a css file html
Html