Skip to main content

Questions tagged [responsive]

Responsive is a tag to indicate a generic responsive website or web application programming or design topic. It's a more generic tag than 'responsive-design', and it serves for situations when you're specifically writing about programming (usually html/css/js). The word 'responsive' itself refers to the ability of a web application/website to respond and adapt its dimensions and interactivity across a wide range of devices and screen sizes.

-1 votes
2 answers
38 views

How to design for 3,000 pixel mobile screens [duplicate]

I'm kinda confused. We use pixels for pretty much everything, from font size to breakpoints. I recently designed a website which changed to mobile landscape view at 770px but when viewing on my mobile ...
Charlton305's user avatar
0 votes
1 answer
41 views

How to make responsive 'legend' area for mobile view

I'm building a portfolio website using HTML & CSS. I want to add my projects inside tags. But those legend tags arn't responsive for the screen resolution(for me, it's mobile view) and its' ...
Tharin Edirisinghe's user avatar
0 votes
0 answers
4 views

In responsive design, how to make a photo height equal to the height of text without setting column height in advance?

I am making a simple webpage, where I have 2 columns side by side, the left one with content and the right one with a photo. The page is responsive, and for this reason I didn't set fixed heights for ...
Adam Givon's user avatar
0 votes
2 answers
48 views

CSS Non-standard responsive image frame

I'm trying to implement a non-standart frame for a picture of a news section. My idea is to have the picture as a lower z-index than the frame and have the frame on top of it and make them responsive. ...
Kristian Vasilev's user avatar
0 votes
1 answer
45 views

Woocommerce wordpress responsive images

I wondered if it's possible to make the WooCommerce thumbnail images responsive. Currently, there is only one image size for the thumbnails, and I would like to add the src set attribute with further ...
Kiwi's user avatar
  • 1
0 votes
0 answers
29 views

Why aren't these bootstrap elements side by side?

The five and seven column elements in this HTML are constantly breaking to new lines instead of displaying side by side (they get populated with simple HTML in javascript. Even if I hard code them ...
picus's user avatar
  • 1,537
0 votes
2 answers
67 views

Div size should not change size when content changes

I have a div which (on initial rendering of the page) should base its size on the content that is in it. But there is a question mark icon with a hover function in it. When you hover over the icon it ...
Noah's user avatar
  • 1
1 vote
2 answers
37 views

Arrange row column parallel using CSS flex

What I am trying is, "Your Privacy", Description and buttons should be aligned in same line. HTML: <div class="cookie-notice"> <div class="cn-body"> ...
Pathik Vejani's user avatar
1 vote
0 answers
29 views

How to reactively display websocket.readyState in vue3?

I want to display websocket.readyState in component reactively. But it doesn't change the display status in a timely manner. It always change display at next time. The code can't work properly: let ws ...
zhouying wu's user avatar
0 votes
0 answers
15 views

How to content of a section appear top to bottom in mobile view?

How do I make the content of this section go from top to down in mobile screen? the content starts to overlap. <section class="project container"> <div class="my-project-...
Samuraijack666's user avatar
0 votes
0 answers
20 views

Adapt the titles of my navbar so that each title is placed in each allocated position in an image which will be the background of the navbar in CSS

I want to make sure to adapt the titles of my navbar so that each title is placed perfectly in each allocated position in an image which will be the background of the navbar in CSS. I would also like ...
shnznnn's user avatar
0 votes
1 answer
81 views

How do i increase the size of the carousel taken from the flowbit-svelte components?

I am currently working a project which requires a Carousel, so i integrated the flowbit-svelte in my svelte project. The carousel is working fine but i want to increase the size of the component,its ...
Harshdeep Singh's user avatar
0 votes
0 answers
34 views

recharts responsive pie chart with legend

I have a problem when showing the Pie and the legend. Apparently, if the legend is to wide, it tends to remove space from the pie chart. Shouldn't the responsive container calculate the values to set ...
MiguelG's user avatar
  • 257
0 votes
0 answers
19 views

Media max-width is not the same on Mac

I'm setting a media max-width to change a margin-top property on mobile. It works on my iphone and windows computer (chrome) but doesnt work on my Mac (chrome too). Maybe a problem of resolution but ...
Ano Nymous's user avatar
0 votes
1 answer
34 views

Columns Blowing Out Of Parent Row

I use a custom responsive grid on my website as a way to learn independently, understand how exactly they work and reduce bloat. My custom grid suddenly starting blowing out and I can't figure out why....
Sabotawsh's user avatar

15 30 50 per page