/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

1 vote249 views1 answer
Bootstrap buttons Toggle states
Html
1 vote278 views2 answers
How to validate mobile number in html form
Html
1 vote267 views1 answer
Toggle font awesome icon
Html
1 vote252 views1 answer
No history input html
Html
0 vote266 views1 answer
Input audio and video in html
Html
51 votes262 views6 answers
Img tag html
Html
0 vote260 views2 answers
Html how to hide and show multiple
Html
8 votes235 views2 answers
Base64 image html example
Html
0 vote259 views1 answer
Tailwind box with text
Html
2 votes248 views2 answers
Column count of mysql.proc is wrong. Expected 21, found 20. Created with MariaDB 100108, now running 100419. Please use mysql_upgrade to fix this error xampp
Html