Avatar Size Rounded-Circle Example

<%= image_tag('user-68.jpg', alt: 'register', class: "wh-87 rounded-circle") %> <%= image_tag('user-68.jpg', alt: 'register', class: "wh-77 rounded-circle") %> <%= image_tag('user-68.jpg', alt: 'register', class: "wh-67 rounded-circle") %> <%= image_tag('user-68.jpg', alt: 'register', class: "wh-57 rounded-circle") %> <%= image_tag('user-68.jpg', alt: 'register', class: "wh-47 rounded-circle") %>


<%= image_tag('user-68.jpg', alt: 'register', class: "wh-87 rounded-circle") %>
<%= image_tag('user-68.jpg', alt: 'register', class: "wh-87 rounded-circle") %>
<%= image_tag('user-68.jpg', alt: 'register', class: "wh-87 rounded-circle") %>
<%= image_tag('user-68.jpg', alt: 'register', class: "wh-87 rounded-circle") %>
<%= image_tag('user-68.jpg', alt: 'register', class: "wh-87 rounded-circle") %>

Avatar Size Simple Rounded Example

<%= image_tag('screenshorts.jpg', alt: 'register', class: "wh-87 rounded-3") %> <%= image_tag('screenshorts.jpg', alt: 'register', class: "wh-77 rounded-3") %> <%= image_tag('screenshorts.jpg', alt: 'register', class: "wh-67 rounded-3") %> <%= image_tag('screenshorts.jpg', alt: 'register', class: "wh-57 rounded-3") %> <%= image_tag('screenshorts.jpg', alt: 'register', class: "wh-47 rounded-3") %>


<img src="assets/images/screenshorts.jpg" class="wh-87 rounded-3" alt="screenshorts">
<img src="assets/images/screenshorts.jpg" class="wh-77 rounded-3" alt="screenshorts">
<img src="assets/images/screenshorts.jpg" class="wh-67 rounded-3" alt="screenshorts">
<img src="assets/images/screenshorts.jpg" class="wh-57 rounded-3" alt="screenshorts">
<img src="assets/images/screenshorts.jpg" class="wh-47 rounded-3" alt="screenshorts">

Avatar size rounded-circle example

<%= image_tag('screenshorts.jpg', alt: 'register', class: "border border-3") %>

<%= image_tag('screenshorts.jpg', alt: 'register', class: "rounded-circle border border-3") %>


<div class="row">
<div class="col-lg-6 mb-4">
<img src="assets/images/screenshorts.jpg" class="border border-3" alt="screenshorts">
</div>
<div class="col-lg-6 mb-4">
<img src="assets/images/screenshorts.jpg" class="border rounded-circle border-3" alt="screenshorts">
</div>
</div>

Responsive Images

<%= image_tag('carousel-1.jpg', alt: 'register', class: "border-3 border-color-white") %>


< %image_tag('carousel-1.jpg', alt: 'register', class: "border-3 border-color-white")%>