I'm trying to build an icon container that shows on mobile devices using ReactJS and CSS. The issue I have is that I want to apply some space on the right and left of the container to make it look…
I am trying to add my company's logo to an R shiny app, made using {bslib}. I tried different ways of adding this image to the 'title' argument of 'page_navbar'. While the image gets added, it looks wonky and changes…
I'm building a simple Shiny App, and have a decent understanding (or so I thought) of CSS and how to use it to style different UI elements (background color, size, etc.). The issue I'm having is that I'm using renderUI()…
I want to load css file from app/asset/css/tes.cssthis is my css file this is my controller this is my route this is my view I tried many ways but still couldn't. Please help me I want to access the CSS…
I am using Bootstrap v5.3.3 Carousel. My problem encountered is that the Carousel shows enlarged image when pressing next or previous if the carousel is wrapped in float-start class. The minimal codes are here: <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <div…
This is my setup. I want content to be hidden just above the top, then on demand animate it to center. Obviously with following css opened class, this animation does not have desired effect (but content is centered when opened…
In this example the inner grey div should be behaving like a sticky div - so it sticks to the top of the screen when you scroll down the page - but that ain't happening! What have I got wrong?…
I am using a grid to place cards. The grid is responsive using minimax and auto-fit: grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); But, I would like to have a single card in the first row, such that the card does not span…
I have this code and I want to change the background colour of the fifth last row. I know I need to use nth-last-child. Someone can tell me the code? .grid-container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows:…
I am trying to add functionality to a button on a project I'm working on...when the button is pressed I want an element to no longer show on the page. However, I can't get this process to work. Here is…