reddogg476 Comments - Answer Overflow

reddogg476

Posts Comments

KPCKevin Powell - Community

•Created by sava on 5/16/2024 in #ui-ux

Creative Borders Help

How about adding your design file or code? --> What inside circle shape is it?

9 replies

KPCKevin Powell - Community

•Created by Om on 5/4/2024 in #back-end

Error - self-signed certificate in certificate chain in postgres

It looks like your db connection string requires SSL. When there's a self-signed certificate, it's not using the right cert. You'll want to check the database documentation for the cert imports on the dev machine.

3 replies

KPCKevin Powell - Community

•Created by Lloyd Peterson on 5/20/2024 in #front-end

Vertical Carousel Animation

This is normally achieved with HTML browser scoll, with those effects individually: gradient blur, infinite scroll. You'll want to isolate how each of those work just for your container element (ul --> li(s) div--> div(s) parent --> children). Do you have starter code with a container of choice?

9 replies

KPCKevin Powell - Community

•Created by SportyOne on 5/7/2024 in #front-end

Problem with contact form on mobile devices

might check browser support for the event / form your using: https://github.com/kevin-powell/responsive-design-patterns --> caniuse.com ref

13 replies

KPCKevin Powell - Community

•Created by Rax on 4/30/2024 in #front-end

How to truncate text with ellipsis in the middle based on container width?

It's a start. It may be more preferred to always have a list element that the content can be "...", so there's always three lis. my version here goes down to two lis.

7 replies

KPCKevin Powell - Community

•Created by Rax on 4/30/2024 in #front-end

How to truncate text with ellipsis in the middle based on container width?

CSS only may look like this: https://codepen.io/rhowell476/pen/dyLEzXg

7 replies

KPCKevin Powell - Community

•Created by godrozhdenia on 4/30/2024 in #front-end

Compatibility issues

take away overflow: hidden from the body

body{
    font-family: Urbanist;
    font-weight: 500;
    font-size: 36px;
    background: #FFF7E1;
    height: 200vh;
    /* overflow: hidden; */
}

body{
    font-family: Urbanist;
    font-weight: 500;
    font-size: 36px;
    background: #FFF7E1;
    height: 200vh;
    /* overflow: hidden; */
}

2 replies

KPCKevin Powell - Community

•Created by Rax on 4/30/2024 in #front-end

How to truncate text with ellipsis in the middle based on container width?

That sounds like it could work, depending the size of the breadcrumb container as the limiting factor. You'll likely want JavaScript. It might be easier to boil the list of elements down to an array, then limit the number of the elements in the array. If it goes over that number, then one of the list items becomes "...". Otherwise, all the elements are there. To resize smaller would mean to lower the max number of array elements.

7 replies

KPCKevin Powell - Community

•Created by Kaz on 4/14/2024 in #front-end

CSS Best Practices: classes vs target tag elements?

There are many configurations, that's the fun of classes. React use IDs for components. In component CSS, make the largest possible container be an ID, then use classes across the components or within the component. Or, have a class decide the component, and use IDs selectively to make an element unique on a page. Or target elements, but, like eioluseyi says, tag names are not great because reusing a tag will also apply the CSS to it.

3 replies

KPCKevin Powell - Community

•Created by Imaginativeone on 4/14/2024 in #front-end