/r/q?req.query.q -- Subreddit Search

17,821 Subscribers

How would I replace a word with an icon when I hover it?

for example for the html:

For this snippet the <i> elements are the words to be replaced with icons and the <b> elements are FontAwesome icons.

I want the words to disappear and the icons to appear when I hover the word. The icons should show up in place of the words.

The problem I am running into is when I add a transition time it thinks I’ve stopped hovering partway through the transition.

How should I go about this?

0 Comments

2023/12/06
14:10 UTC

Need help removing watermarks and download it HD quality

Hi guys. I hope you can help me with removing the watermarks from the pictures. Anyone know what tools/apps to use for free? The pics are from pixieset.

3 Comments

2023/12/06
11:48 UTC

CSS Style Not Updating/New Rules Being Ignored

Hi, everyone. If anyone can please take the time to read this through, I would so appreciate it.

Right now, I'm working through The Odin Project and am about halfway through the initial set of courses. Up until this point, I've been pretty good about understanding the errors I've encountered in my work and have tried to be a self-sufficient problem solver by finding my own answers, but at this moment, I'm genuinely stumped.

For some context, the project doesn't natively support Windows, and for those like me who use it, TOP advises to install Oracle VirtualBox and run Xubuntu on it, as well as to use Google Chrome as one's browser and VSCode as one's editor. I've not encountered an issue with any of this until this lesson. Now onto the problem.

The issue I'm having now I believe is within the CSS document. For some reason, no matter how many edits I have made to my stylesheet, the original layout of my HTML hasn't changed, not even the background color. I've tried to change it from lavender to Alice blue with no success- it literally just stays that color, among other unrecognized basic changes (margins, padding, etc.). I've tried to comb back through my code multiple times to see if I caught anything, cleared the cache, edited in a regular text editor, ran my code through CSS and HTML validators, even asked ChatGPT out of complete desperation, but nothing I've tried has worked. I was wondering if someone wouldn't mind taking a look at my CSS and my HTML code to see if a conflict can be found (I've only used external CSS, no internal or inline), since I'm obviously missing something crucial and don't even know what I'm looking for at this rate.

My CSS:

  * {
    background-color: aliceblue;
    font-family: 'Courier New', Courier, monospace;
    margin-left: 10%;
    margin-right: 10%;
}

h1 {
    font-size: 48px;
    color: blueviolet;
    text-align: center;

    font-weight: 500;
    background-color: ivory;
    border-style: double;
    margin-left: 20%;
    margin-right: 20%;
}

.ingred {
    border-style: dotted;
    margin-left: 25%;
    margin-right: 25%;
    padding-left: 1%;
}

 a {
     margin: 0%;
}

My HTML:

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Banana Bread</title>
        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <h2>Banana Bread</h2>
        <img src="../images/bananabread.jpg" alt="Fresh sliced banana bread">
        <h2>Description</h2>
    <p>There was a time that I had a bunch of bananas on the verge of going bad, and given that it was approaching the holidays, I thought I might try to make banana bread. Because, you know, I'm a fan of the stuff. Problem was, I started making it and soon realized that I was chronically short on ingredients. Not one to waste a bunch of ingredients I had already used, I did what came naturally: I panicked! But I also managed to improvise. What came out on the other side of the process was some of the richest banana bread I've ever made. Try it for yourselves and enjoy! Photo is courtesty of <a href="http://allrecipes.com" id="allrec">AllRecipes</a>.</p>
        <h2>Ingredients</h2>
        <ul class="ingred">
            <li>7 large bananas, mashed</li>
            <li>3 cups all-purpose flour</li>
            <li>1 teaspoon salt</li>
            <li>1 cup brown sugar</li>
            <li>1 cup white sugar or Splenda</li> 
            <li>2 teaspoons cinnamon</li>
            <li>2 teaspoons baking soda</li>
            <li>1 small box instant vanilla pudding mix</li>
            <li>1 tablespoon McCormick Breakfast Seasoning, or to taste</LI>
            <li>1/2 cup melted butter</li>
        </ul>
        <h2>Steps</h2>
        <ol>
            <li>Combine dry ingredients before adding butter. Stir until homogenous.</li>
            <li>Pour into greased 7x3 loaf pans until roughly half-full (fills about four).</li>
            <li>Bake at 350 degrees Fahrenheit for 1 hour or until loaves come out clean. Serve immediately for a toasty treat or chill in the refrigerator for a cool snack!</li>
        </ol>        
        <a href="../index.html" id="hbut"><button>Back</button></a>
    </body>
</html>

I apologize for having to include my entire code as opposed to pieces of it, as I'm lost enough not to know how to narrow it down at this point. I'm learning that there's a formula for asking for help with dysfunctional code, and I hope I haven't violated any of that by coming here. I've tried everything I can think of and can't progress further in the lessons without learning what I've done wrong. Thank you all for your time.

2 Comments

2023/12/06
07:11 UTC

CSS: Modify to my site? UL LI pyramid CSS

Greetings
How would I modify this code to put into my JOomla template website?

https://codepen.io/errogaht/pen/kyqqod

The problem I see is the existing code will over-ride my code on my site.

<ul id="blue-funnel"> <li>Hello Is it</li> <li>Me Your</li> <li>Looking</li> <li>For?</li> </ul>

I tried this and modifying the CSS but still only the list shows up without styling

Any ideas?

2 Comments

2023/12/05
20:49 UTC

How can I implement this?

https://drive.google.com/file/d/19WdgFBnj1DnFzXuXPsZnyMp_QV-10d9P/view?usp=drivesdk

Can this be implemented only with css? Or should I use javascript? I have limited knowledge of css. I need your help.

2 Comments

2023/12/05
10:47 UTC

Whatsapp Icon goes out of the box while changing it into phone resolution

index.html:

<button onclick="goToWebpage()" class="whatsapp">

<i class="fab fa-whatsapp"></i>

</button>

style.css:

.whatsapp {border: 6px solid green;width: 15%;height: auto;border-radius: 6%;background-color: green;color: white;position: fixed;bottom: 20px;right: 20px;z-index: 2555;padding: 8px;}.whatsapp .fab {font-size: 1em;}This is what it looks like on Computer Screen, but when I tried this:

u/media(its @ before media) only screen and (max-width: 600px) {.whatsapp {

border: 0px solid green;

width: 12px;

height: 5px;

border-radius: 6%;

background-color: green;

color: white;

position: fixed;

bottom: 57px;

right: 60px;

z-index: 2555;

padding: 15px;

}

.whatsapp .fab {

font-size: 2em;

}}

The whatsapp icon is getting out of the greenbox. I have tried to reduce the size of the box but its not working.

6 Comments

2023/12/05
09:10 UTC

Using CSS in Cargo Collective

Hi, I’ve been using Cargo Collective to host my brand’s site for the past three years and it’s been great but I’m looking to start creating some more intricate and unique page layouts. I designed the pages as I’d like them to be viewed on desktop but wasn’t happy with the pre-generated mobile version that Cargo provided and was doing some research that suggested CSS might be able to help with the scaling of images on mobile devices and the use of breakpoints. I’ve yet to find a good thread that’s specific to Cargo, but was wondering if anyone can share some resources for creating breakpoints for images/customizing a mobile layout within a host platform like Cargo - thanks!

0 Comments

2023/12/05
05:40 UTC

Angled child <div> filling width of flat parent <div>? CSS and trigonometry problem.

What I am trying to achieve is a child <div> which is angled with transform: rotateY; so it fades away from the screen as it goes from right to left. However I also want it to fill the width of the parent.

Now with trigonometry added to calc() functions I assumed this would be easy, but I can't get it to work.

I am taking the width of the parent (against the screen) as the adjacent side, so a width of 100%. I am rotating the child by 30deg with a transform-origin: left so there should be one side with a width of 100 against the screen and an angle of 30 degrees on the left edge making the child element width the hypotenuse of an imaginary triangle going back into the screen.

So, by my reckoning the hypotenuse should be...

100% / cos(30deg)
100% / 0.86602540378
115.470053838

...so giving the child a width of 115.470053838% of the parent should make it fill the width despite the angle. (Although rather than calculating this myself I am using calc(100% / cos(30deg)); so I can use a custom variable for the angle and change it through multiple instances) but it is way off and only fills something like 80%.

Anyone know if I'm messing up the trig (It's been a long time since I did it at school and memory is a little hazy) or is there something CSS related I'm missing? Could perspective be throwing it off? I'm not really sure as to how that works and generally get things looking right with trial and error.

https://codepen.io/NeilSchulz/pen/bGzOGRL < Codepen showing problem.

3 Comments

2023/12/04
18:01 UTC

Multi class selector not working somehow

[solved]

-------------

i want to select the third <div> element:

<div class="q-box" style="box-sizing: border-box;">
    <div class="q-box" style="box-sizing: border-box;">
        <div class="q-text qu-dynamicFontSize--regular qu-display--flex qu-px--large qu-flexDirection--row" width="1100" style="box-sizing: initial; width: 1100px; margin-left: auto; margin-right: auto; padding-top: 16px; padding-bottom: 0px; align-items: stretch;">
        </div>
    </div>
</div>

to edit in xstyle (a chrome addon), but somehow not working

.q-text.qu-dynamicFontSize--regular.qu-display--flex.qu-px--large.qu-flexDirection--row
{
    margin-left:5%;
}

source html page:https://www.quora.com/

5 Comments

2023/12/04
10:09 UTC

Mobile stepper help

https://miro.medium.com/v2/resize:fit:640/format:webp/0*coC4A8hQaXKdugzb.png

Please look at the image.

I want to create the mobile stepper but I don't know how you can divide the border in 3 equal parts then color them (need 3 steps).

1 Comment

2023/12/03
13:48 UTC

Web Animations

I've been playing with WP elementor to make a website. One thing I can't wrap my head around is the animation effects while scrolling the webpage like fade background changes, random image movements, building fluidity, etc.

How do I easily visualize the logic, hierarchy and positioning of elements to get desired animations while scrolling? Is there an easy method to approach animating before implementation or does it come with experience?

I spent time coding mostly rather than using a website builder like Elementor.

0 Comments

2023/12/03
13:43 UTC

How to make images with text that are clickable links

I have been trying to figure this for hours now and just wasting precious time I have for my project. How would I put 2 images, side by side, with a small gap in between, and text overlaying both that can be a clickable link to another page? I have tried at least half a dozen methods from sources online and have not gotten the results I need. Can someone make a simple example for me so I can finally move past this task on my assignment?

edit: I want the entire image clickable with the text just floating over it.

1 Comment

2023/12/02
18:49 UTC

Cleanest way to make all text in this menu black?

What is the cleanest way to make all the text in this food menu black? I can style them one at a time but I can't seem to figure out how to get rid of all the orange in one rule. Thank you, grateful for any help: https://doublemore.ca/index.php/menu-demo

5 Comments

2023/12/02
14:00 UTC

How to aligh the content box and the form at the same line?

for context, I have started learning about css and I was given a task to create a landing page. This is my html page:

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="style.css"><title>Popular Estate</title></head><body><header><h1>Popular Estate</h1><img src="images/building.webp"></header><form action="form.php" method="post" onsubmit="return validate()">

Name: <input type="text" name="name" id="name" required><br>

Email: <input type="email" name="email" id="email" required><br>

Phone number: <input type="number" name="phone" id="phone" required><br>

<input type="submit" id="submit" name="submit"></form><div class="content"><h2> We help our clients make the best decisions with real estate</h2><p>We have been handling legal properties and managements with sincerity and honesty. With our 20 years of experience, it has been our job to look after your estate so that you don't have to.<br><br>

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est hic laboriosam dicta assumenda iste fugit voluptas consequuntur aspernatur ad, minima, harum nisi dolorum obcaecati amet fugiat quibusdam repellat, molestiae repudiandae?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus nam quam veritatis cum molestiae fuga unde quisquam numquam recusandae. Facilis, soluta asperiores. Vitae, adipisci doloremque molestiae sunt cupiditate et commodi.

</p></div></body></html>

and this is my css page:

* {

padding: 12px;

width: auto;

}

form {

background-color: rgb(206, 223, 217);

margin: auto;

max-width: 250px;

position: relative;

left: 30%;

z-index: -1;

}

input {

padding: 10px;

border: 1px solid #ccc;

border-radius: 5px;

margin-bottom: 15px;

width: 100%;

box-sizing: border-box;

}

.content {

background-color: brown;

margin-top: 10px;

width: 60%;

position: relative;

top:-50%;

}

.content h2 {

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

Now I cant even move the content above so that It can aligh in same line with the form.

5 Comments

2023/12/02
09:44 UTC

Possible to overwrite the VISITED color for all/everything which are already visited?

Is there a more general way of changing the VISITED color and other related attributes instead of writing one by one?

For my example below, but it only affects a single one, although I don't know if below is correct by me:

img[src*="i.ytimg.com"]:visited
{   
    color: #805080 !important;
    border-color:  #805080 !important;
    outline-color: #805080 !important;
    background-color: #805080 !important;
}

Again my example above (if indeed it's correct), only affects the img. Is it allowed to remove the src? I would like to affect all/everything which has already been visited, not just img from my own example above.

Is it correct/allowed to write something like this below:

*:visited
{   
    color: #805080 !important;
    border-color:  #805080 !important;
    outline-color: #805080 !important;
    background-color: #805080 !important;
}

Thanks in advance

1 Comment

2023/12/02
06:39 UTC

Relative Positioning not working

Hi everyone! I am VERY new to CSS (literally began like 2 hours ago) and encountered a problem I cannot solve.
I am attempting to use relative positioning. However, it seems to not work! Here is a sample of my code:
.subtitle {
width: fit-content;
height: 2em;
text-align: center;
font-size: 120%;
color: #65AB5B;
background-color: #BBDFBE;
outline: 0.5em solid;
outline-color: #CBE3CD;
margin: auto;
position: relative;
top: 20;
}
This links to a HTML division with the according classname.
I've tried stripping the code bare and only including the positioning parts which also seems to not work.
Any help is appreciated!

4 Comments

2023/12/01
22:30 UTC

Paragraph/box examples: where to find?

Greetings

I am trying to spruce-up articles, paragraphs.

I need boxes with fancy headers, multi-row checkmarked lists, etc.

Some may say this would be like a "call out" box?

There are tons of examples online for CSS , but I dont know what to search?

Where Can I find the above elements to customize?

Thanks!

0 Comments

2023/12/01
19:16 UTC

My background image is not showing (CSS) and it's driving me crazy. Please help.

(SOLVED) I downloaded a stock image for my project from Adobe and copied the image to the folder with all my HTML and CSS. I used the relative path in the stylesheet but nothing. I can't move on with my assignment until I fix this.

Here's the code CSS code:

* {

padding: 0px;

margin: 0px;

box-sizing: border-box;

}

html {

font-size:10px;

}

body {

font-size: 2rem;

font-family: "Futura", sans-serif;

}

.container {

max-width: 104rem;

margin: 0 auto;

padding: 0 2rem;

}

a {

text-decoration: none;

}

.header {

background-image: url("paragliding-4727377_1920.jpg");

width: 100%;

height: 100vh;

background-size: cover;

background-repeat: no-repeat;

}

This is the HTML:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Homepage</title>

<link rel="stylesheet" href="css/styles.css" />

</head>

<body>

<header class="header">

<nav class="nav">

<div class="website-logo-text">

<p>Garden</p>

</div>

<ul style="list-style-type: none;" class="nav-list">

<li class="nav-item"><a href="#" class="nav_link">Home</a></li>

<li class="nav-item"><a href="#" class="nav_link">Sports</a></li>

<li class="nav-item"><a href="#" class="nav_link">About</a></li>

<li class="nav-item"><a href="#" class="nav_link">Contact</a></li>

<li class="nav-item"><a href="#" class="nav_link nav_login_button">Login</a></li>

</ul>

</nav>

</header>

</body>

</html>

12 Comments

2023/12/01
05:12 UTC

Replacing class content with another set?

Greetings. Thanks in advance.
I am trying to change the following CSS classes to adopt the contents of another set of classes:
.view-article .jl-article figcaption.caption {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 0.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
.view-article .jl-article figcaption.caption : before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
.view-article .jl-article figcaption.caption p{
display: inline;
}
WITH THIS: ONLY Speech-up bubble
.speech {
/* (A1) FONT & COLORS */
font-size: 1.2em;
color: #fff;
background: #a53d38;
/* (A2) DIMENSIONS */
padding: 20px;
border-radius: 10px;
max-width: 600px;
}
/* (B) USE ::AFTER TO CREATE THE "CALLOUT" */
.speech::after {
display: block; width: 0; content: "";
border: 15px solid transparent;
}
/* (C) "CALLOUT" DIRECTIONS */
.speech.up::after {
border-bottom-color: #a53d38;
border-top: 0;
}
.speech.down::after {
border-top-color: #a53d38;
border-bottom: 0;
}
.speech.left::after {
border-right-color: #a53d38;
border-left: 0;
}
.speech.right::after {
border-left-color: #a53d38;
border-right: 0;
}
/* (D) POSITION THE CALLOUT */
.speech {
position: relative;
margin: 30px;
}
.speech::after { position: absolute; }
.speech.up::after {
top: -15px; left: calc(50% - 15px);
}
.speech.down::after {
bottom: -15px; left: calc(50% - 15px);
}
.speech.left::after {
left: -15px; top: calc(50% - 15px);
}
.speech.right::after {
right: -15px; top: calc(50% - 15px);
}
/* (X) NOT IMPORTANT */
body{background: url(https://images.unsplash.com/photo-1613917037272...)}
#cbwrap{background:rgba(255,255,255,.9);width:600px;padding:30px;border-radius:10px}
*{box-sizing:border-box;font-family:arial,sans-serif}
body{padding:0;margin:0;border:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;backdrop-filter:blur(10px)}
#cbtitle{margin:0 0 30px;padding:0;text-transform:uppercase}
#cbinfo{margin-top:30px;padding-top:15px;border-top:1px solid #ddd;font-size:13px;font-weight:700}
#cbinfo a{text-decoration:none;padding:5px;color:#fff;background:#a91616}
Any idea?
Thanks

1 Comment

2023/11/30
18:10 UTC

Pulling .jpg files (picture)

background: url('neom.jpg') no-repeat

Any reason why it won't pull the picture (neom)?

6 Comments

2023/11/30
07:36 UTC

Need help animating Borderline and tabs

I have 2 Tabs that have a Borderline around them. Just a small, gray border to show that they are indeed clickable.

Once selected the tabs have special styling that makes a border redundant, but simply having it vanish looks bad, really bad.

So I was thinking about giving this border a kind of vanish animation where it "slides" down the edges of the buttons and then "meets" at the bottom middle before vanishing.

For security reasons I cannot disclose any code as that goes against my companies wishes, but I hope this helps.

I've tried a bunch of things with translations and transformations, but they always end up transforming the tabs themselves so I am totally at a loss... :(

2 Comments

2023/11/29
15:03 UTC

How to make my cards remain in the same proportions?

Hello,

I have cards in row, but they do not maintain their proportions, so buttons can pop out of the card, and the card changes width/height. I understand that it's because I'm using fixed width and height together with flex. I just couldn't figure what's the best way to make the cards look "the same" on any screen size using good practices.

What I want is to be able to design the cards on some screen size, and then know that when the screen will change, it will look the same. In this case, I want my cards to look the way they look when running the snippet in full screen (And if needed, break line)

This is the code for my current cards: https://jsfiddle.net/t9empxcn/29/

Thanks

1 Comment

2023/11/29
09:28 UTC

Change Font for One Heading Size in Squarespace

Feeling restricted with only one heading font style in Squarespace? Here’s how to change the styling for H1, H2, H3, or H4 individually with CSS.

https://ajmexperience.com/learn-posts/change-heading-font-style

0 Comments

2023/11/28
16:07 UTC

Need Help :(

Im making a website(im new to css n html)and there is this white colour part btween 2 bgcolors.

its not going :(pls help :)

2 Comments

2023/11/27
19:57 UTC

How can I add media queries to Slick?

Been having a really hard time figuring out since my Slick carousel is causing problems when adding media query codes.

My website:

shyboy.co/finals03

0 Comments

2023/11/27
08:36 UTC

Adding custom css to a class so that it appears the same as a header

I have a WordPress plugin that has it's own CSS stylesheet. I want to add a custom CSS style so that a class (.message_above_share_button) appears the same as a .h4 class.

And if I later update the .h4 class, then it should also reflect the change in the WordPress plugin CSS stylesheet.

How would I go about this?

6 Comments

2023/11/26
20:39 UTC

Why isn't image being contained in my div measurements?

<!DOCTYPE html>

<html> <head> <title>Youtube</title> <style> .search-box { margin-bottom: 50px; } .video-preview { width: 300px; display: block; }</style> </head> <body> <div class="video-preview"> <img class="thumbnail" src="thumbnails/thumbnail-1.webp"> <input class="search-box" type="text" placeholder="Search"> <input class="search-box" type="text" placeholder="Search"> <p class="video-title">Talking Tech and AI with Google CEO Sundar Pichai! </p> <p class="video-creator">Marques Brownlee</p> <p class="video-stats">3.4M views · 6 months ago</p> </div> </body> </html>

So I have my image in my div, and I set the div width to 300 but if you go to the site, the image is just it's original code

Here is a picture of my website with the google dev tools- IMGBB link

4 Comments

2023/11/24
18:00 UTC

What is your method to keep a footer banner on the bottom of a page under these circumstances?

-It only shows when the user scrolled to the bottom of the page not all the time.

-If there is not enough content in one page, how do I keep it on the bottom and not float in the middle of where the content ended?

-height: 100vh doesn't always work well because when content starts filling the page (for example when a user adds items to a shopping cart) The banner gets stuck in the middle of the page

Are there any alternative methods I could try in order to fix this? If it matters, I am using React.js library for the front end.

4 Comments

2023/11/24
13:44 UTC

Can I split a CSS file into sections and navigate them with something like a table of contents, in an editor like VS Code?

Solution: I found the Outline Map extension for VS Code which allows me to define regions in its own outline with /* #region Same-Region-Name */ and /* #endregion Same-Region-Name */.

Edit: While VS Code does have an outline, it shows all the rules when I want to be able to split those rules into my own defined sections.

I have CSS files from 1-3000 lines long and it can hard to navigate, and I just lazy with where I write new CSS rules rather than keep them in logical sections.

1 Comment

2023/11/23
13:24 UTC

Please help with css website background (BigCartel)

Hello, I was wondering if anyone could help me. I am a beginner coder trying to learn to code a website background into my ecommerce shop on bigcartel using the Good Vibes theme. I have figured out how to code to make the image appear in practically every place except the background.

Thanks to anyone who read/helps and i would love to archive any tips i get!

https://github.com/bigcartel-themes/good-vibes

2 Comments

2023/11/22
23:19 UTC

Guides

Posting Guidelines

Related Subreddits

Related Resources

SUBMIT A CSS QUERY

17,821 Subscribers

How would I replace a word with an icon when I hover it?

Need help removing watermarks and download it HD quality

CSS Style Not Updating/New Rules Being Ignored

CSS: Modify to my site? UL LI pyramid CSS

How can I implement this?

Whatsapp Icon goes out of the box while changing it into phone resolution

Using CSS in Cargo Collective

Angled child <div> filling width of flat parent <div>? CSS and trigonometry problem.

Multi class selector not working somehow

Mobile stepper help

Web Animations

How to make images with text that are clickable links

Cleanest way to make all text in this menu black?

How to aligh the content box and the form at the same line?

Possible to overwrite the VISITED color for all/everything which are already visited?

Relative Positioning not working

Paragraph/box examples: where to find?

My background image is not showing (CSS) and it's driving me crazy. Please help.

Replacing class content with another set?

Pulling .jpg files (picture)

Need help animating Borderline and tabs

How to make my cards remain in the same proportions?

Change Font for One Heading Size in Squarespace

Need Help :(

How can I add media queries to Slick?

Adding custom css to a class so that it appears the same as a header

Why isn't image being contained in my div measurements?

What is your method to keep a footer banner on the bottom of a page under these circumstances?

Can I split a CSS file into sections and navigate them with something like a table of contents, in an editor like VS Code?

Please help with css website background (BigCartel)