how to remove right side whitespace in my web page?
hi guys, can you please help me gid rid of this white space? it only appear when i am in 438 screen size.
best way to create a class/data-attribute to hide content on certain devices
Hey, what would be the best method to create a class/data-attribute to hide content on certain devices?
I'm using a data-attribute here. For the example codepen, i'm trying to hide a div with
display: flex;
on it whilst on a mobile viewport, whilst having it display otherwise. The problem is, since the data-attribute is using display: none
to hide the div once it gets to mobile, the display: flex;
overrides it and it doesn't disappear. I can't utilize !important
since if i put it on the display: none
, it makes the div disappear altogether, and if i put it on the display: flex;
it gives the same result as the initial problem.
Is there a more efficient way to do something like this so problems like this aren't encountered. Thanks in advance....search bar
I need to make search bar that will filter by the name, ive red the react documentation but still, i dont understand how to make it
What is your favorite static site generator?
I've been on a journey to find the best static site generator because there are so many like hugo, astro, 11ty and more and I cant choose, so I wanted to ask you some opinions about SSGs
How can I go about implementing this flex layout
I found this amazing portfolio - https://yasio.dev/#work
On the first impression i thought it was a grid layout , but by inspecting it(quite literally) I found it was using flex box with different margin values ,
After a lot of brain storming I still cant figure out how can I dynamically generate this layout.
I am assuming this is not hard coded...
need Layout suggestion
what would be the right approach to create that purple shape behind the logo. should i export it as image from design file?
Making an element take 100% height and scrollable
I have a setup similar to:
```html
<div class="parent">
<div class="child-1"></div>
<div class="child-2">...
Grid Issues
I'm trying to move my study and dates column but, it's not working. https://codepen.io/Jonah-the-lessful/pen/poBQeqz
How can I ensure that a middle <div> can shrink before affecting the first <div> within a flex box ?
How can I ensure that within a flex container, the middle <div> shrinks first if needed, and if the first <div> is longer, it also shrinks without pushing the last <div> (which contains a badge) to the right, ensuring it does not shrink at all?
here is the demo to the codepen: https://codepen.io/umanga/pen/WNWYore...
help with date function of javascript
const date = new Date(2024,2,0)
date.setDate(date.getDate()+4)
console.log(date)
const date = new Date(2024,2,0)
date.setDate(date.getDate()+4)
console.log(date)
100% & chosen size method
Hey, letβs say you want a h1 tag to have a max width of 16ch on desktop, but on mobile you want it to have a width of 100%. Is there a way, perhaps using min/max, to define this without using a media query? Thanks in advance.
Sticky position
Hi guys, I want to display 2 div elements with sticky position on top when scroll down. But When I scroll down they stack on each others. How can I solve this issue?
How to get a string within a string (JS)
Let's say for example, I have the following string in a URL
/?search_query=new%shoes&filter=shirts&color=red
or
/?filter=jackets&search_query=new%shoes&color=orange
...Text overflows shrinking containers as browser is narrow, how to fix?
Here is the PEN: https://codepen.io/prodjuan/full/qBwJNjB
I have a nice layout with a grid of cells on the right column, but the description text spills out past the parent container. How can I fix this to look better? Smaller font? shorter line-height? Any other options? Thanks!...
Any idea of how to apply this hover effect?
I want to implement the colorful hover effect behind this page. But I dont know from where to start.
https://www.alecbabala.com/?ref=godly...
HTML CSS
Please I need assistance in making this footer I'm not really good at designing footers I need help and assistance. I've Made the login form but i don't really understand designing the footer
text-area dialogue box
I want to make this dialogue box which appears when i click on add description.
Can someone guide me or give some dummy code to which I can refer and achieve this...