How to check the screen size laptop like 14inch
i want to check if this will happen when someone using 14 inch laptop.
How to manage font size/spaces if same layout of tablet design need for Phone
I have a PSD file for tablet design. The same design when I try to develop for mobile with less than 300px width view port , I am afraid that font size is too small.
Problem:
1. The font size got to small if make font size small using media query
2.UI breaks if keep the same font size as specified in photoshop template
3. Can some one help to achieve mobile UI for this image attached. The same ui should work in Tablet....
Accessible instant action radio group
I'm creating a view mode "toggle" for my page that is pretty much exactly like view in whatever file explorer you use that will toggle between List and Tiles.
In the first 2 screenshots I can see that windows uses a select/menu and I'm not sure what macos version would be called. However, ideally I'd like my design to be 2 buttons next to each other, like what google docs have for
Align (screenshot 3) options but not in a dropdown, just 2 buttons (tiles/list) next to each other that function like radiobox group (are mutually exclusive).
The issue I'm having is that the buttons will have an immediate action and I came across Adrian Roselli's post 'Under-Engineered Toggles Too' where he says...
How to center my text good.
Hi guys. I want to center my text next to the image. But its not really working out. Even if i put it next to the image. What is the best way to do it? I want it like the example on the second picture
https://codepen.io/Boeroe/pen/BaMoMJJ...
Adjusting svg fill full width
Hi,
Am trying to design a layout for mobile resolution . The svg I tried doesn't fit to the entire width.
Brief:
CSS:
For desktop...
How does Neetcode.io make the one way tree chart with arrows?
Is there a special name for this kind of design? I also like the click interaction.
Following Kevin's Space Travel Site Scrimba course and cannot get the underline indicators to work.
I am up to the " The design system / Underline Indicators Part two, and Part three section" , and for some reason the interactivity that should be happening when hovering over the list items, and the buttons is not happening. I even copy and pasted Kevin's code into VS and ran that and it still doesn't work. I tried it in a separate browser and it doesn't work either, however the exact same code does have the interactivity in Scrimba.
Weirdly, even though
.underline-indicators > *:hover,...
.underline-indicators > *:hover,...
word-break: break-all sometimes fail on really long text (~10000 characters), why and how to fix it?
I simple have a span element, with random letters (a~z) on it, around 100000, no spaces. I used word-break: break-all, and it worked as intended, the text would not overflow.
But...
There are random points in the doc where some letters do overflow outside. On this amount of text, it usually happens 3 or 4 times in the whole doc on random points. The screenshot shows that all text is perfectly aligned (cause it is a monospaced font) except on these random areas where a couple slip outside...
Is that just the browser failing on the huge amount of characters? Or something else? If so, is it fixable?...
