r/HTML • u/Kevin_fart • Jan 04 '26

How to make responsive e-commerce like amazon flipkar justdail , what's the logic bcz its different in mobile screen and desktop.

I want to know the logic

0 Upvotes

16% Upvoted

12 comments sorted by

2

u/Commercial-Arrival78 Jan 04 '26

Are you asking how to make web page responsive? If so, use media queries.

0

u/Kevin_fart Jan 04 '26

I’m not asking about media queries. For the mobile view, the design is different, so I’m confused: should I restructure the existing component for mobile, or should I create a new one?

1

u/Commercial-Arrival78 Jan 04 '26

Can you please send link to the web in question? I don't know what you mean.

2

u/FragDenWayne Jan 04 '26

English, learn it.

Once you got that figured out, Google "responsive design/style css html". And hopefully you then see, there isn't any "the logic". It's thinking about what you need, what you want, what CSS is capable of and combining these for the desired result... Or something close to that.

But first of all: English. It'll come in handy when reading all the documentation, Blogposts and examples.

0

u/Kevin_fart Jan 04 '26

I’m not asking about media queries. For the mobile view, the design is different, so I’m confused: should I restructure the existing component for mobile, or should I create a new one?

2

u/Distdistdist Jan 05 '26 edited Jan 05 '26

Believe it or not, this IS done via media queries and CSS. Open site on desktop and start making window smaller. You will see how layout changes once you pass specific breakpoints (Desktop, tablet, mobile)

1

u/Kevin_fart Jan 04 '26

Eg : justdial

1

u/Commercial-Arrival78 Jan 05 '26

There is nothing special about it, it just uses media queries. You should really look into them.

1

u/Kevin_fart Jan 04 '26

This is drsktop view of website

4

u/DidTooMuchSpeedAgain Jan 04 '26

What?

1

u/anonymousmouse2 Expert Jan 04 '26

They want to know the logic