I used flex box for the responsive design. I did not change size of each flex-items. However, when I applied align-items:center, it changes the size of first flex item(PICTURE 2) when it is display in vertical view. However, PICTURE 1…
Here I'm designing a website clone, I've done most of the part, I wanted to make this website responsive for different devices, all that part is just done, but I want a single sidebar button for open and close, like…
I'm working on a Flutter project and want to ensure that my UI is responsive across different screen sizes. I'm a bit confused between two approaches for defining the width of elements, such as buttons. I would appreciate some guidance…
this is my media query as i try to make my react app responsive. @media screen and (max-height: 800px) { font-size: 65px; .shuttleObject{ width: 90%; } } } The thing is, when i try to change the height and width…
I'm trying to build a responsive website using Bootstrap, which is totally new to me. I want to make a hero image with a text inside positioned right in the middle. As my background image resizes, my text just stays…
I want to make a mobile first responsive layout using flex where three sections are divided vertically in 20:50:30 ratio with full height of screen. This the HTML part: <body> <main> <div class="parent"> <div class="topSection"> This is Top Section </div>…
I am coding this website for a friend, and she wants the background colour of the textbox to go all the way to the edge, whilst the actual text stays slightly away from the left edge. This I have coded,…
I'm a beginner in HTML and CSS and i'm working on a project on frontend mentor. The name of the project is Order Summary Component and I have submitted the project already but the issue is that my project isn't…
I need to place an overlay on top of an image with the same measurements. For this, I'm using an absolutely positioned sibling div. I cannot use object-fit: contain as it would not reduce the dimensions of the img element…
Hello! Perhaps someone will be able to help me. I built a website based on Wordpress Sage and Tailwind CSS. There is a carousel module in the project, which looks like that: Carousel The problem is that the last photo…