There is a webpage which shows different design according to the screen size (whenever you refresh the page after changing the screen size). I have embedded this webpage in my website. However, after embedding, it is unable to show different…
I have the following HTML table. As you can see I have two columns that have a colspan attribute. I want the td's inside those to have thinner borders, so that users can more clearly see « real » column…
i am trying to make a linear gradient background with border radius with visible border. I tried multiple methods and i am stuck from yesterday. i put here my example code https://codesandbox.io/p/sandbox/unruffled-dawn-yrzg69?file=%2Fsrc%2FDemo.js%3A311%2C1 background works fine but i am not able…
I'm working on a test website right now to play around with the things I learned in HTML and CSS. My goal this time was to create a container two other seperated left and right. The left container is supposed…
I am currently workingon my School HTML and CSS code that I have experienced before, however even I tried various method such as copying teacher's example or refer to my past project, my CSS code doesn't work at my HTML,…
I have nav-tabs aligned to the left, but I want she search bar and the logo (svg) to be aligned to the right side of the nav-tabs. I tried with text-align:right and float:right but that didn't work. Is this maybe…
I'm building a portfolio website and want the "About Me" section to appear below the introductory title with a clear separation. My HTML is structured like this: Please tell me what is wrong since im not able to create a…
I am using react-datepicker to display a time picker component but I want the time list to be displayed in the bottom of input component but it's currently showing on top of the input field. code : <DatePicker selected={end_time} onChange={(date)…
In chrome devtools responsive (375px) i have this: <div className="w-screen overflow-x-auto"> <div className="grid grid-cols-[repeat(7,_100px)] bg-blue-200"> <div className="sticky left-0 bg-green-200">col1</div> <div>col2</div> <div>col3</div> <div>col4</div> <div>col5</div> <div>col6</div> <div>col7</div> </div> </div> why is it that when i get to the 5:th column when scrolling…
I have tried literally everything I can search for and think of but nothing is letting me implement this feature. I want the background to have completely faded to black by the time the "who" class is in the middle…