Agile Web Development with Rails 7: Tailwind css for margins and padding not working here, I can confirm other classes are working just not these (Page 103 - Creating the Catalog Listing)

Community PragProg Customers
1

@rubys

<div class="w-full">
<% if notice.present? %>
<p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg
inline-block" id="notice">
<%= notice %>
</p>
<% end %>
<h1 class="font-bold text-xl mb-6 pb-2 border-b-2">
Your Pragmatic Catalog
</h1>
<ul>
<% @products.each do |product| %>
<li class='flex mb-6'>
<%= image_tag(product.image_url,
class: 'object-contain w-40 h-48 shadow mr-6') %>
<div>
<h2 class="font-bold text-lg mb-3"><%= product.title %></h2>
<p>
<%= sanitize(product.description) %>
</p>
<div class="mt-3">
<%= product.price %>
</div>
</div>
</li>
<% end %>
</ul>

for example mb-6 in li doesn’t do anything.

2

I’ve gone back and re-tested, and if I remove that mb-6 there is no spacing between products.