ranjans.hashnode.devGetting started with Prettier under 1 minuteThe image is of Nanda Devi Peak, UK, IN When a lot of people work on a project we all follow our own rules or not of how code will look ,spacing indentation ,some would use ; some might not and so on but it might lead to less readability , how it wou...Aug 19, 2025·2 min read
ranjans.hashnode.devhow to show image larger than the screen /parent window without overflow using tailwind css<div className="w-full overflow-hidden flex justify-center"> <img className="max-h-[30rem] max-w-none" src="/images/saffron-box.png" alt="saffron-box" /> </div>Aug 21, 2024·1 min read
ranjans.hashnode.devHow to get the height of browser window in React ?import "./styles.css"; import { useEffect, useState } from "react"; export default function App() { const [windowHeight, setWindowHeight] = useState(window.innerHeight); useEffect(() => { const handleResize = () => { setWindowHeight(...Aug 13, 2024·1 min read
ranjans.hashnode.devHTML vs DOM treea literal tree very unrelated to the DOM tree So I read this, "Keep in mind that the JavaScript does not alter your HTML, but the DOM - your HTML file will look the same, but the JavaScript changes what the browser renders." and thought this needed e...Aug 19, 2023·2 min read
