To adjust the link position on the css image

Hello! The css puts the image link above the image Where can I see and adjust the width and left position of the button as shown in the code below? I don't know how to do it, so it takes too long because I put in any number and manually adjust it.;; I wonder if there is a calculation method or an easy tool to use :)



#mybook .img-link {
  display: block;
  cursor: pointer;
}
#mybook .img-link > img {
  width: 100%;
  display: block;
}

#mybook .mybook-section {
  position: relative;
}

#mybook .mybook-btn {
  width: 15.86834%;
}

#mybook_btn1,
#mybook_btn2 {
  bottom: 36.98%;
}

#mybook_btn1,
#mybook_btn2 {
  left: 12.34%;
}

css link responsive relative

2022-09-22 14:55

1 Answers

1. Are you trying to reduce 1px, refresh, increase 1px, and refresh?
→ Then it's time to turn on something called developer! In the browser you're looking at, press F12 or ctrl + shift + i and then Google "How to use developer tools" to study.

2. By any chance, are you calculating by hand that a specific element under a particular element should be larger and smaller by what percentage?
→ Then it's time to study SCSS or LESS!! First, install node and npm and read through the text.

2022-09-22 14:55

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656