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…
I have a React app that I created following a design for 1920X1080. on 27inch / 24inch/ 13inch leptop the app looks great. but if I render the app on a 34 inch wide screen half screen for example, the…
I am trying to create a very simple page for a game that I will embed using an iframe. I want the responsiveness to function exactly the same as this page: https://rajeevbasu.com/projects/wil3d/index.html In this above example, the game and text…
The title pretty much says what my issue is. I did a few google searches and couldn't find anything helpful so I came here. Here is the link to the site: https://aquamarine-catharina-45.tiiny.site/ I changed from ".container" having the properties: position:…