/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

10 votes175 views10 answers
Hello
Html
2 votes177 views1 answer
Text inside input
Html
0 vote192 views1 answer
Html webcam filter effects
Html
1 vote208 views3 answers
Form mobile number validation
Html
0 vote207 views1 answer
How to download youtube videos in pc though html
Html
11 votes195 views1 answer
Create page html
Html
25 votes185 views2 answers
Css for displaying image center
Html
20 votes185 views2 answers
Script src tag in html
Html
0 vote218 views1 answer
Remove action in woocommerce
Html
0 vote201 views1 answer
Image cut by div border
Html