Html – Responsive layout using Tailwind CSS
I have Figma design for mobile application and for desktop application for my web page. I don't know how to apply both mobile and desktop versions on my code so when I open the app in my phone only the…
I have Figma design for mobile application and for desktop application for my web page. I don't know how to apply both mobile and desktop versions on my code so when I open the app in my phone only the…
I was building a website layout with a mobile-first approach and then using media query for laptop width: 1024px size. The design has 11 items and follows a flex that wraps. All the items are numbered and colored. I want…
I have a page which feedbacks which looks like this (I just show 1 comment per page to see if the pagination works fine. Otherwise I'll show more): The feedbacks come from a mysql database and are filtered as 1…
I am working on a web project and I would like to apply a filter effect, such as background blur or brightness adjustment, to the background of a specific section. However, I want the text within this section to remain…
I was making a list of links for a website that I am creating but it stopped working when I ran it. I have tried replacing it but I am at a loss for solutions. Nothing worked. <ul> <li><a href="http://www.youtube.com/@Wilson-AM"…
I've started creating a simple page for an assignment and I'm trying to put a title at the top of the page but whenever I create a paragraph or h1 to do so it's placed next to the divs with…
My goal is to make a cart. That displays items with it's attributes, name, picture etc. I got the layout as I desired. However the cart-product-quantity won't take up the whole height. I could set the .cart-product-row to relative and…
I have a problem with my display of two columns in my HTML code. Top part of the two columns: Space on the 1st column, the paragraph on the 2nd column was pushed down due to the image: Here's my…
Using background-image for pseudo-element, parent overflow:hidden property doesn't affects pseudo-element background-image and don't hide part of it. Where is problem? I want to hide background that go beyond parent element. I cannot change elements hierarchy. Code: .main { background-color: orange;…
i have a css as below div.b { white-space: nowrap; width: 50px; overflow: hidden; text-overflow: ellipsis; border: 1px solid #000000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; word-break: break-all; line-height: 16px; white-space: normal; } with the text…