Oli_T Comments - Answer Overflow

Oli_T

Posts Comments

KPCKevin Powell - Community

•Created by Oli_T on 9/4/2024 in #front-end

Painful CSS rule grid issue

Im not sure if these are well supported enough yet..

20 replies

KPCKevin Powell - Community

•Created by Oli_T on 9/4/2024 in #front-end

Painful CSS rule grid issue

annoyingly this seems the only solution... https://codepen.io/oli-Thompson/pen/VwJqPWB although not as elegant as Kevins and will have to figure out what to do when the grid breaks into two columns. The question is this a good use for a container query.. Ive only just watched this other tutorial by Kevin (and never used them) https://www.youtube.com/watch?v=N0iI1hIlq8M

20 replies

KPCKevin Powell - Community

•Created by Oli_T on 9/4/2024 in #front-end

Painful CSS rule grid issue

Kevin Gearys video only applies the internal lines, how do you think I could modify his solution to include the outer boarders as well..

20 replies

KPCKevin Powell - Community

•Created by Oli_T on 9/4/2024 in #front-end

Painful CSS rule grid issue

I got this result from ChatGBT it works perfectly until the 3 columns breaks to 2 columns... https://codepen.io/oli-Thompson/pen/VwJqPWB Im not sure if i should possibly try media queries or container queries..

20 replies

KPCKevin Powell - Community

•Created by Oli_T on 9/4/2024 in #front-end

Painful CSS rule grid issue

Thanks Chris, for all your helpful feedback!!! Ive changed the outline to boarder / the the negative var values and added box-sizing: border-box; rule to the container and css items. Im sorry for a little red herring, my goal was not to remove the outer boarders (just boarders that are unaligned or around an empty content area. I hope this simplified version I created without nth-child selectors is a better clearer starting point. Although the lines are better alignment the internal lines are now twice as thick as the outer lines.. https://codepen.io/oli-Thompson/pen/MWMZbLW

20 replies

KPCKevin Powell - Community

•Created by Oli_T on 9/4/2024 in #front-end

Painful CSS rule grid issue

https://codepen.io/oli-Thompson/pen/LYKXdLB https://olithompson.dev/blog-archive-test/

20 replies

KPCKevin Powell - Community

•Created by Oli_T on 9/4/2024 in #front-end

Painful CSS rule grid issue

Hi chris, My appologies I posted this first on the Kevin Geary's automatic css group. This is a wordpress bricks should I upload administrator login credentials or would everyone prefer that I convert to codepen?

20 replies

KPCKevin Powell - Community

•Created by Oli_T on 5/21/2023 in #os-and-tools

Issue Installing Sass

Ahh I think resolved... L. ran the installation command with elevated privileges by using 'sudo' sudo nom install -g sass

9 replies

KPCKevin Powell - Community

•Created by Oli_T on 12/21/2022 in #front-end

Inheriting a clickable area

At the moment there is a separate hover effect in the button around the icon and the text. Ideally I would like to replace not remove the hover area to cover the complete button area not just the icon and text. Because I am altering the code for a pre-designed template effectively there is already a separate hover effect that is active when the cursor moves onto the button area. If the existing hover effect area could be altered to match the hover effect over the text that could be an even easier option. Although I cant find the location of that property to change..

15 replies

KPCKevin Powell - Community

•Created by Oli_T on 12/21/2022 in #front-end

Inheriting a clickable area

Thanks Kevin, really appreciate you support. Here is the code I managed to copy with hoverify and paste onto visual studio code 👍

15 replies

KPCKevin Powell - Community

•Created by Oli_T on 12/21/2022 in #front-end

Inheriting a clickable area

Annoyingly you have to log into a dashboard to see it on superokay.. I would either have to add your email to admin to give you login access. Or I could show you on TeamViewer.? Sorry it is a little faff.. if either works for you..

15 replies

KPCKevin Powell - Community

•Created by Oli_T on 12/21/2022 in #front-end

Inheriting a clickable area