Mixing overflow-y and overflow-x
Hey team,
I have a certain problem with forms and overflows
Imagine having the following structure...
White place
https://peppy-kitsune-0f72e6.netlify.app/
My CSS is having a problem with the white place, it is also on the mobile screen. Although I follow Mobile-first, I don't know why it looks like that, Could anyone know the reason why and the solution for that, please support me, I really appreciate it 🙏...
Media Query, trying to turn text into icon.
Hey guys I am going thorugh a web development bootcamp and I am not getting any help from my mentor.
I am trying to turn the "Search" text from the search bar into a magnifying glass when the width of the screen is 767 or less.
This is the last hurdle I have to get over and the website is done any ideas, links anything would be very appreciated....
CLAMP VS MEDIA QUERIES - mobile friendly
i don't need to use media queries if i use font size clamp right?
im trying to make the website responsive on mobile...
How to make a button inside an input
I'm trying to make this input with a search button inside, but I'm not succeeding. How do I do this style?
Rotating Tab links in mobile
I'm trying to achieve this tabs layout. I've attached the desktop version and the mobile version I'm trying to get.
Desktop is fine but facing problem while implementing the mobile version.
I've rotated the
product-tab-menu-link in mobile but it's not filling the whole space available.
...
how to make a section with company logos accessible and semantic
Guys, what can I do to make this section semantic and accessible? Should I put the company logos inside a <ul> and make them have names accessible through the aria-label attribute and use tabindex="0", or should I hide the logos from screen readers and not let them with tabindex?
CSS ISSUE (Background position, repeat, size)
why is this, the background position, size, repeat is muted and not working, is there something wrong with my program?
https://codepen.io/Cortezano/pen/GRPPBKP...
Title/header issue
I'm trying to create a header like the one in the image. I achieved the 'desired' result for the 1440px but the problem with this is when page scales up it looks pretty ugly. I want it to be able to scale ++ add more words to the line and not just be stuck at 'created text'.. this is what I got so far.
https://codepen.io/yesm4n/pen/vYvvjeG
I tried different approaches but I can't seem to find a way besides 'hard-coding' the first part. ...
How to implement this Ui?
When the first card is selected the first image is shown. Second and third card has different images related to them. But instead of clicking the cards or using a time to switch the active card I want it handled by scroll behaviour.
When I reach this section, I want the vertical scroll to stop. Bascially scroll should change the active index. When I reach the last card after that vertical scroll should continue.
Took my whole day and still I couldn't manage....
Question on the shorthand of the column-count and column-width properties.
Guys, how does this shorthand of the 'column-count' and 'column-width' properties work? I'm trying to understand but in practice I don't see any difference. Example: columns: 3 120px; When I use these values, will I have 3 columns of 120px? How it works?
How to make SVG appear on hover?
I want to make an SVG appear when hovering over that IMG along with the transparent background color as seen in the left image. How do I achieve that pls?
