DEV Community: Marwan Benznana

What is the most effective way for implementing responsive design with media query CSS?

Marwan Benznana — Tue, 28 Nov 2023 22:54:05 +0000

Hello, I need the most effective method for making a website design responsive on all screens with to minimize the use of CSS media queries.

What best method to create an opening website homepage animation with css animation keyframes or with Js libraries? and why?

Marwan Benznana — Wed, 21 Sep 2022 23:29:13 +0000

I need like this in a different way any volunteer?

Marwan Benznana — Mon, 19 Sep 2022 09:58:41 +0000

    <div class="home-border">
      <div class="left-border"></div>
      <div class="right-border"></div>
      <div class="top-border"></div>
      <div class="bottom-border"></div>
    </div>

<style>
/* Borders */
.home-border {
  position: relative;
}
.home-border .left-border {
  position: absolute;
  height: 100vh;
  width: 2px;
  background-color: var(--main-color);
  top: 0;
  left: 10px;
}
.home-border .right-border {
  position: absolute;
  height: 100vh;
  width: 2px;
  background-color: var(--main-color);
  top: 0;
  right: 10px;
}
.home-border .top-border {
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: var(--main-color);
  top: 10px;
  left: 0;
}
.home-border .bottom-border {
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: var(--main-color);
  top: 98.8vh;
  left: 0;
}
/* End Borders */
</style>