-
Notifications
You must be signed in to change notification settings - Fork 192
modified into cards format #792
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
<section class="conference-list" id="conference-list"> | ||
<h2 class="heading"> | ||
<section class="conference-list" id="conference-list" style="padding: 40px 0;"> | ||
<h2 class="heading" style="font-size: 24px; margin-bottom: 30px; text-align: center;"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please use a class instead of inline css
<span class="align-middle"> | ||
<p style="text-align: center; font-style: italic; color: #666;"> No conferences found. </p> | ||
{% else %} | ||
<div id="conference-grid" style="display: grid; gap: 20px; max-width: 1200px; margin: 0 auto; padding: 0 15px;"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same here. You can add the styles to conference-grid
class instead of using inline css
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Okay. Actually ,i am facing problem with my static folder . i will try .
|
||
<script> | ||
$(function() { | ||
function adjustGridLayout() { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You can achieve this using Bootstrap's Grid system. I'd recommend avoiding UI logic in jQuery, as it tends to be less readable and more challenging to maintain.
return false; | ||
}); | ||
|
||
$('.conference-item').hover( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This can be achieved using css.
#793 |
changed the layout into card format
