Skip to content

Commit

Permalink
Merge pull request #1787 from Hemraj-7/word-wise
Browse files Browse the repository at this point in the history 
Issue number #1780 and #1781 is solved
  • Loading branch information
@ANSHIKA-26
ANSHIKA-26 authored Nov 9, 2024
2 parents ea5abbc + d2f6131 commit c1546da
Show file tree
Hide file tree
Showing 8 changed files with 59 additions and 69 deletions.
2 changes: 1 addition & 1 deletion blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1345,7 +1345,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
<div class="col-3">
<h2 class="footer-title secondary-title">Popular Tags</h2>
<div class="tags">
<div class="d-flex-gap flex-wrap">
<div class="d-flex-gap flex-wrap all-tags">
<a href="./blog.html" class="nav-link btn category-btn">Travel</a>
<a href="./blog.html" class="nav-link btn category-btn">Food</a>
<a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
Expand Down
2 changes: 1 addition & 1 deletion category.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -704,7 +704,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
<div class="col-3">
<h2 class="footer-title secondary-title">Popular Tags</h2>
<div class="tags">
<div class="d-flex-gap flex-wrap">
<div class="d-flex-gap flex-wrap all-tags">
<a href="./blog.html" class="nav-link btn category-btn">Travel</a>
<a href="./blog.html" class="nav-link btn category-btn">Food</a>
<a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
Expand Down
8 changes: 0 additions & 8 deletions contact_us.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -434,11 +434,3 @@ body.dark .support a {
color: #060606; /* Keep text color white on hover */
border-color: #ec8791; /* Maintain the border color on hover */
}

/* Responsive Design */
@media (max-width: 768px) {
.d-flex-gap {
flex-direction: column; /* Stack buttons on smaller screens */
align-items: center; /* Center buttons on small screens */
}
}
2 changes: 1 addition & 1 deletion contact_us.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -709,7 +709,7 @@ <h2 class="footer-title secondary-title">Featured Post</h2>
<div class="col-3">
<h2 class="footer-title secondary-title">Popular Tags</h2>
<div class="tags">
<div class="d-flex-gap flex-wrap">
<div class="d-flex-gap flex-wrap all-tags">
<a href="./blog.html" class="nav-link btn category-btn">Travel</a>
<a href="./blog.html" class="nav-link btn category-btn">Food</a>
<a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
Expand Down
2 changes: 1 addition & 1 deletion give_feedback.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -829,7 +829,7 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
<div class="col-3">
<h2 class="footer-title secondary-title">Popular Tags</h2>
<div class="tags">
<div class="d-flex-gap flex-wrap">
<div class="d-flex-gap flex-wrap all-tags">
<a href="./blog.html" class="nav-link btn category-btn">Travel</a>
<a href="./blog.html" class="nav-link btn category-btn">Food</a>
<a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
Expand Down
4 changes: 2 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1785,10 +1785,10 @@ <h2 class="footer-title secondary-title">Feature Post</h2>
</div>
</div>
</div>
<div class="col-3">
<div class="col-3">
<h2 class="footer-title secondary-title">Popular Tags</h2>
<div class="tags">
<div class="d-flex-gap flex-wrap">
<div class="d-flex-gap flex-wrap all-tags">
<a href="./blog.html" class="nav-link btn category-btn">Travel</a>
<a href="./blog.html" class="nav-link btn category-btn">Food</a>
<a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
Expand Down
2 changes: 1 addition & 1 deletion start_writing.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -588,7 +588,7 @@ <h2 class="footer-title secondary-title">Featured Post</h2>
<div class="col-3">
<h2 class="footer-title secondary-title">Popular Tags</h2>
<div class="tags">
<div class="d-flex-gap flex-wrap">
<div class="d-flex-gap flex-wrap all-tags">
<a href="./blog.html" class="nav-link btn category-btn">Travel</a>
<a href="./blog.html" class="nav-link btn category-btn">Food</a>
<a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
Expand Down
106 changes: 52 additions & 54 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3753,74 +3753,24 @@ h1 + p, p + p {
border-color: #ec8791; /* Maintain the border color on hover */
}

/* Responsive Design */
@media (max-width: 768px) {
.d-flex-gap {
flex-direction: column; /* Stack buttons on smaller screens */
align-items: center; /* Center buttons on small screens */
}
}

@media (max-width: 769px) {
#word-of-the-day{

margin-left: 15px;
}

}
@media (max-width: 821px){
#word-of-the-day{

margin-left: 10px;
}
}

@media (max-width: 1025px){
#word-of-the-day{

margin-left: 28px;
}
}
@media (max-width: 541px){
#word-of-the-day{
margin-left: 0px;
margin-right: 200px;

}

}











.d-flex-gap {
display: flex;
gap: 15px; /* Space between buttons */
flex-wrap: wrap; /* Wrap items to the next line if necessary */
justify-content: center; /* Center the buttons horizontally */
}.d-flex-gap a {
}
.d-flex-gap a {
transition: all 0.2s ease;
font-weight: 600;
color: var(--text-color);
}

.d-flex-gap a i {
font-size: 24px;
}.d-flex-gap {
}
.d-flex-gap {
margin: 10px 15px;
display: flex;
flex-wrap: wrap;
gap: 10px;

/* justify-content: space-around; */
}

.footer-title {
Expand Down Expand Up @@ -3865,4 +3815,52 @@ h1 + p, p + p {
#twitter:hover{
color: white;
background-color: #14171A;
}

/* Responsive Design */
@media (max-width: 768px) {
.accordion__title, .faq h1 {
margin-bottom: 1rem;
}

.accordion__wrapper{
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.d-flex-gap {
align-items: center;
}

.all-tags a{
width: 300px;
}
}

@media (max-width: 769px) {
#word-of-the-day{

margin-left: 15px;
}

}
@media (max-width: 821px){
#word-of-the-day{
margin-left: 10px;
}
}

@media (max-width: 1025px){
#word-of-the-day{
margin-left: 28px;
}
}
@media (max-width: 541px){
#word-of-the-day{
margin-left: 0px;
margin-right: 200px;
}

}

1 comment on commit c1546da

@vercel
Copy link

@vercel vercel bot commented on c1546da Nov 9, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

word-wise – ./

word-wise-pi.vercel.app
word-wise-git-main-anshikas-projects-45924011.vercel.app
word-wise-anshikas-projects-45924011.vercel.app

Please sign in to comment.