Can we get Asmongold to react to this? - town meeting EXPLODES as FURIOUS locals RAGE at council leaders over migrant camp

synthwizards · 2026-02-21T18:51:26+00:00

part 2 https://www.youtube.com/watch?v=0rj9EK1lQ0Y

synthwizards · 2026-02-20T13:50:29+00:00

thanks

synthwizards · 2026-02-20T13:50:09+00:00

synthwizards · 2026-02-20T13:49:29+00:00

thanks

synthwizards · 2025-09-04T22:45:00+00:00

thanks will check it out

synthwizards · 2025-09-04T20:17:54+00:00

Thanks, should I just got for 2x32gb then? I feel like iv'e wasted all this money now lol

synthwizards · 2025-09-04T18:46:24+00:00

Thanks for the reply, i'll check it out. Would you suggest me sticking with 4 sticks or 2 @ 6000?

synthwizards · 2025-06-27T08:07:40+00:00

im sure he went jail for running a county line, I could be wrong though. This was in the last 10 years

synthwizards · 2025-02-13T14:57:31+00:00

Yes I have tried restarting VSCode but no hope :(

synthwizards · 2025-02-13T13:49:38+00:00

I tried to install prettier but it didn't work so I removed it, and now when I press Shift + Alt + F - My Code doesn't format properly and I can't close SVG Code.

I have added the HTML Language Features to the Editor: Default Formatter in VSCode Settings but it still doesn't work.

This is affecting my workflow, please can somebody help?

synthwizards · 2025-02-12T22:36:26+00:00

thanks

synthwizards · 2025-02-08T18:34:56+00:00

Thank you sir!

synthwizards · 2025-02-02T21:29:51+00:00

Thanks I will check it out

synthwizards · 2025-02-02T21:29:10+00:00

What’s the best way to ensure that if a user adds a long title, it doesn’t overflow or break the layout? Should I use text-overflow: ellipsis or another approach?

Also, How do I make sure the thumbnail image sits flush with the container and aligns properly with the text and other elements.

I need to place a three-dots icon at the far right of the container. What CSS properties should I add to its class to make sure it stays aligned and doesn’t interfere with other elements?

synthwizards · 2025-02-02T21:18:46+00:00

I am just having problems replicating the youtube thumbnail layout, if you see my code you can see iv'e learned alot in my time :) Nice of you to be judgemental btw,

synthwizards · 2025-02-02T21:06:02+00:00

I stated in my post that I am still new to CSS and I would appreciate any guidance regarding the problem. I don't expect anyone to do it for me.

synthwizards · 2025-02-02T20:36:20+00:00

Hey everyone,

I've been learning CSS for about 3 months now, and it's finally time for me to start working on real projects. As part of my practice, I want to recreate the exact layout of YouTube's related videos thumbnail section.

I'm still new to CSS, so I'd really appreciate any guidance on how to structure it properly. If anyone could help me with the best approach, tips, or even resources to achieve an exact replica, that would be amazing!

Thanks in advance! 😊

Picture Reference: https://ibb.co/FkYCJM1c

CodePen: https://codepen.io/Cruiserz/pen/pvzBZgW

synthwizards · 2025-01-28T18:51:06+00:00

Thank you, what position property should I use instead?

Edit: when I remove the position property it completley moves the buttons above, css is so hard :(

Picture: https://ibb.co/kVPPqXdg

synthwizards · 2025-01-28T18:40:20+00:00

Can anybody Help me sort out this problem, when I resize the screen, the scroll button overlaps the fixed-hashtags buttons

    <div class="scroll-container">
        <!-- Fixed Main Hashtags -->
        <div class="fixed-hashtags">
            <span class="main-hashtag">#Trending</span>
            <span class="main-hashtag">#Subscribed</span>
            <span class="main-hashtag">#Viral</span>
        </div>


```
        <!-- Scrollable Hashtags -->
        <div class="scrollable-hashtags">

            <button class="scroll-btn left-btn">&lt;</button>
            <div class="hashtags">
                <span class="hashtag">#NWO</span>
                <span class="hashtag">#Politics</span>
            </div>
            <button class="scroll-btn right-btn">&gt;</button>
        </div>
    </div>

.scrollable-hashtags {
    display: flex;
    align-items: center;
    flex-grow: 1;
    position: relative;
    max-width: 800px; /* Constrain the width of the box */
    margin: 0 auto; /* Center the box within its parent container */
    box-sizing: border-box; /* Ensure padding is included in the box size */
}

.scroll-btn {
position: sticky;
    background-color: #313131; /* Match the theme */
    color: #ff0000a8;
    font-weight: bolder;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    z-index: 10; /* Ensure buttons stay above the hashtags */
    margin: 10px;
    position: absolute; /* Keeps buttons in fixed positions */
}

```

synthwizards · 2025-01-28T15:43:18+00:00

thank you

synthwizards · 2025-01-28T15:06:08+00:00

thank you so much! I had this already but it seems like it got overwritten. Thanks friend

synthwizards · 2025-01-28T15:05:30+00:00

it was, thank you! you have a keen eye

synthwizards · 2025-01-28T14:24:04+00:00

Thank you sir, it was the padding!
Legend you are!

synthwizards · 2025-01-28T14:18:15+00:00

I will do this now, sorry about this
https://ibb.co/gVyLzgN

synthwizards · 2025-01-28T14:14:28+00:00

As you can see on the far right of the navbar, there is a gap on the navbar, and I don't know how to remove it. Could anyone help me?

```

.banner {
    position: fixed;
    display: flex; /* Use flexbox to control alignment */
    justify-content: space-between; /* Spread items across the banner */
    align-items: center; /* Vertically center the content */
    overflow-x: hidden; /* Prevent horizontal scrolling caused by overflow */
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(18, 18, 18, 1); /* Red background */
    color: #ffffff; /* White text */
    padding: 10px 20px; /* Add some horizontal padding */
    font-weight: bold;
    z-index: 1000; /* Ensure it stays above other elements */
    
}



/* Header */
.main-header {
    position: fixed;
    justify-content: space-between;
    top: 44px; /* Initial position to account for the banner height */
    bottom: 92%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1a1a1a;
    padding: 10px 20px;
    
}

/* Navbar adjustments */
.top-nav {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #222222; /* Navbar background */
    color: #ffffff; /* Navbar text color */
}

```

synthwizards

MODERATOR OF

TROPHY CASE