Sign in

Designing for various windows sizes can be challenging. One way to get around this is by using JavaScript.

<script>
alert(window.outerWidth+’ x ‘+window.outerHeight);
</script>

Same can be done in React.js applications.

class Main extends React.Component {
constructor(props) {
super(props);
this.state = { windowWidth: window.innerWidth };
}

const handleResize = (e) => {
this.setState({ windowWidth: window.innerWidth });
};

componentDidMount() {
window.addEventListener("resize", this.handleResize);
}

componentWillUnMount() {
window.addEventListener("resize", this.handleResize);
}

render() {
const { windowWidth } = this.state;
return <div>Current window width: {windowWidth}</div>
}
}

Considering a max break point can help completely getting around dynamically calculating window sizes.

Consider accessing the entire view port using CSS for bigger screens too.

hp-content {    display: block;
width: 100vw;
height: 100vh;
}

Applying to university as a new immigrant can be challenging. For instance, I had no idea what schools to apply to. I applied to a bunch of schools thinking I could commute there as long as the school was in Ontario. I was very very wrong about that. And having managed to come to Ryerson, I still had a few things that crept up on me. Like…

  1. Your grades matter.

If you aren’t careful, the first time it’s going to matter would be when getting access to the internship portal. Also, Better grades help when you are applying for various…


This project was by far the hardest project in my Ryerson Career. But it was also the most fun I had with a project. This course made me level up my skills and change my leadership style to accommodate project needs.

Why was it so challenging?

In a phrase, changes in requirements. We did not get to know some of the requirements of the project until each phase had already commenced. This meant we had to adapt quickly many times within the semester. Adapting code, means re-writing it. Adapting to the requirement of needing to use a model meant restructuring…


Collision is one of the largest North American tech conferences. So going to this conference was more than a little exciting to me. This 3 day conference was filled with tech giants talking about how they were tackling challenges that arose due to COVID 19.

Let me list my three favorite takeaways as a new computer engineering graduate.

  • These are unprecedented times but that’s alright.
    Opportunities do exist. We just have to look in the right places. Many of the conference talks were based on AI while most workshops taught cloud computing. …

Bashini B

BEng Computer Engineering

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store