Social link profile main project using HTML and CSS

Community feedback

• 

  P

  yoe7501•410

  @yoe7501Posted 1 day ago

  Hey good job on the challenge just for some points to make it a little nicer.

  body{
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  

  should be good enough to center the div no need to create a main just a container for the whole card. Also for the link you can just create a div that contains the boxes

  <div className='buttonBox'>
  <button></button>
  <button></button>
  <button></button>
  <button></button>
  </div>
  
  style.css
  .buttonBox{
  display:flex;
  flex-direction:column;
  .buttonBox{
  background-color: blue //or whatever color for the hover affect
  } 
  

  Make sure to play around with hover and focus affect. Also look into scss to help make css a little easier to use or maybe even tailwind when you get used to css :) good luck

  Marked as helpful

  1