/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

0 vote346 views1 answer
Strictmode causes double render
Html
25 votes338 views6 answers
Navbar bootstrap
Html
3 votes338 views1 answer
Ion-select cancel text
Html
1 vote328 views1 answer
Change font size of input text html
Html
80 votes354 views6 answers
How to make anchor tag open in new tab
Html
0 vote335 views1 answer
Was not loaded because its mime type, “text/html”, is not “text/css”. react
Html
0 vote371 views2 answers
See line from table html
Html
0 vote336 views1 answer
How to add link on bar for google bar chart
Html
1 vote341 views1 answer
Make websites all-deivce compatible
Html
-2 votes385 views1 answer
Resetting canvas html
Html