article or section element?
I'm not sure whether each of the 3 parts in this card component should be made with the <section/> or <article/> tags.
I know that article tags should be independent and make sense on their own and I think each part of the card does make sense on it's own, but at the same time section elements contain thematically related content, and these 3 "sections" are related.
So should I use <article/> or <section/>?...
How do I prevent my layout on breaking on big/very wide screen sizes?
This is the webpage:
https://gymlie.vercel.app/dashboard
The problem
Opening the website on super wide or big monitors can cause the site to act super weird and for the content inside of the elements to jump out of place...
React JS vs Svelte
what do you guys think about that does Svelte Worth it or not cause in my way to learn React js Im really confused by the amount of detail it contains
Border radius and backgrounds
So this is a fairly common question.
If you have an element that has a
border-radius and then a child within that which has a background this will not overflow the parent's border radius. As the image shows, there's no curves on the top corners.
The common answer is add overflow: hidden to the parent. And that works....
Feed layout css
Hey,
Would you have an idea of whether it's achievable to go from the first screenshot (a mobile view) to the second (a desktop view) without media queries?
In short, the border bottom on the first view is 100% of the viewport width, while on the second, the border is the width of the content....
Adding whitespace to beginning of a broken line
Is it possible to add a space to the beginning of a new line the way
whitespace: pre-wrap preserves the whitespace at the end of the line?
Which Html element should be used?
I'm trying to code this for practice but I have no idea on how to go about it. The two images contains the desktop and mobile view. Do I use tables? Divs? I have no idea.
Thanks in advance....
