Skip to content

Conversation

mannar-1
Copy link
Contributor

changed the layout into card format
image

<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;">
Copy link
Contributor

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;">
Copy link
Contributor

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

Copy link
Contributor Author

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() {
Copy link
Contributor

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(
Copy link
Contributor

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.

@ananyo2012 ananyo2012 added the hacktoberfest Issues part of hacktoberfest label Oct 28, 2024
@mannar-1
Copy link
Contributor Author

#793
please see the above pr

@ananyo2012 ananyo2012 closed this Oct 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
hacktoberfest Issues part of hacktoberfest
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants