jQuery addClass example

Change class name on click in jQuery

by Sampath_Madhuranga

HTML

<header>
    <div class="burger">
        <img src="assets/img/cutlery.svg" alt="">
        01
    </div>
    <div class="logo">
        <img src="assets/img/bio.svg" alt="">
        02
    </div>
    <div class="network">
       03
        <a href="#">
            <img src="assets/img/facebook.svg" alt="">
        </a>
        <a href="#">
            <img src="assets/img/linkedin.svg" alt="">
         
        </a>
        <a href="#">
            <img src="assets/img/instagram.svg" alt="">
        </a>
        <a href="#">
            <img src="assets/img/france.svg" alt="">
        </a>
        <a href="#">
            <img src="assets/img/english.svg" alt="">
        </a>
    </div>
</header>

CSS

header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1 1 1;
}

header > div {
  flex-basis: 33.33%;
}

.burger {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #AAAAAA;
}

.logo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #DDDDDD;
}

.network {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;  
  background-color: #AAAAAA;
}