Can you make the words here responsive,small ,readable and able to fit on any device (even iframe) I don't want it to cut off Please thank you box sizing border box html, body, div,h1,h2, font family norwester important font size 16px body overflow x hidden theFirstContainer position relative theFirstSlideRender display none theFirstPre, theFirstNext cursor pointer position absolute top 3vh width auto padding 16px color white font weight bold font size 20px user select none webkit user select none background color grey text decoration none theFirstNext left 60px theFirstPre hover, theFirstNext hover background color rgba(0, 0, 0, 0 8) background color grey theFirstImageContainer position relative width 100 theFirstImageRender display block width 100 height auto theFirstImageRenderSituation position absolute bottom 0 left 100 right 0 background color 6f4e37 overflow hidden width 0 height 100 transition 5s ease opacity 85 theFirstImageContainer hover theFirstImageRenderSituation width 100 left 0 edit text here theFirstTextRender color white font size 20px position absolute top 50 left 50 webkit transform translate( 50 , 50 ) ms transform translate( 50 , 50 ) transform translate( 50 , 50 ) white space nowrap theFirstHoverRender hover cursor pointer Zest Coffee Name Blackbird Tasting notes English Toffee, Apricot, Caramelised Orange and Malt Chocolate Name Corcovado Tasting Notes Milk Chocolate, Caramel, Hazelnut and Butterscotch Name African Mailman Tasting Notes English Toffee, Apricot, Caramelised Orange and Malt Chocolate Name Libertango Tasting Notes Caramel Fudge, Cashew, Red Nectarine, and Apricot Jam Blackbird Corcovado African Mailman Libertango var theFirstSlideRenderVariable 1 theFirstShowSlide(theFirstSlideRenderVariable) nxt preious controls function theFirstMoveRenderFunction(n) theFirstShowSlide(theFirstSlideRenderVariable n) function theFirstCurrentRender(n) theFirstShowSlide(theFirstSlideRenderVariable n) function theFirstShowSlide(n) var i var theFirstSliderVariable document getElementsByClassName( theFirstSlideRender ) if (n theFirstSliderVariable length) theFirstSlideRenderVariable 1 if (n 1) theFirstSlideRenderVariable theFirstSliderVariable length for (i 0 i theFirstSliderVariable length i ) theFirstSliderVariable i style display none theFirstSliderVariable theFirstSlideRenderVariable 1 style display block

Question

Can you make the words here responsive,small ,readable and able to fit on any device (even iframe) I don't want it to cut off  Please thank you     box sizing  border box    html, body, div,h1,h2,     font family  norwester  important  font size  16px    body  overflow x hidden     theFirstContainer   position  relative     theFirstSlideRender   display  none     theFirstPre,  theFirstNext   cursor  pointer  position  absolute  top  3vh  width  auto  padding  16px  color  white  font weight  bold  font size  20px  user select  none   webkit user select  none  background color  grey  text decoration  none     theFirstNext   left  60px     theFirstPre hover,  theFirstNext hover     background color  rgba(0, 0, 0, 0 8)    background color  grey     theFirstImageContainer   position  relative  width  100      theFirstImageRender   display  block  width  100   height  auto     theFirstImageRenderSituation   position  absolute  bottom  0  left  100   right  0  background color   6f4e37  overflow  hidden  width  0  height  100   transition   5s ease  opacity   85     theFirstImageContainer hover  theFirstImageRenderSituation   width  100   left  0      edit text here    theFirstTextRender   color  white  font size  20px  position  absolute  top  50   left  50    webkit transform  translate( 50 ,  50 )   ms transform  translate( 50 ,  50 )  transform  translate( 50 ,  50 )  white space  nowrap     theFirstHoverRender hover   cursor  pointer    Zest Coffee Name  Blackbird Tasting notes  English Toffee, Apricot, Caramelised Orange and Malt Chocolate Name  Corcovado Tasting Notes  Milk Chocolate, Caramel, Hazelnut and Butterscotch Name  African Mailman Tasting Notes  English Toffee, Apricot, Caramelised Orange and Malt Chocolate Name  Libertango Tasting Notes  Caramel Fudge, Cashew, Red Nectarine, and Apricot Jam   Blackbird Corcovado African Mailman Libertango var theFirstSlideRenderVariable   1  theFirstShowSlide(theFirstSlideRenderVariable)     nxt preious controls function theFirstMoveRenderFunction(n)   theFirstShowSlide(theFirstSlideRenderVariable    n)    function theFirstCurrentRender(n)   theFirstShowSlide(theFirstSlideRenderVariable   n)    function theFirstShowSlide(n)   var i  var theFirstSliderVariable   document getElementsByClassName( theFirstSlideRender )  if (n   theFirstSliderVariable length)   theFirstSlideRenderVariable   1   if (n   1)   theFirstSlideRenderVariable   theFirstSliderVariable length   for (i   0  i   theFirstSliderVariable length  i  )   theFirstSliderVariable i  style display    none     theFirstSliderVariable theFirstSlideRenderVariable   1  style display    block

Accepted Answer

The Answer is in the image, click to view ...

Question

Can you make the words here responsive,small ,readable and able to fit on any device?(even iframe) I don't want it to cut off. Please thank

Zest Coffee

Blackbird

Corcovado

African Mailman

Libertango

Step by Step Solution

Step: 1

Get Instant Access to Expert-Tailored Solutions

Step: 2

Step: 3

Ace Your Homework with AI

Recommended Textbook for

Lab Manual For Database Development

Students also viewed these Databases questions

Question

Question

Question

Question

Question

Question

Question

Question

Question

Question

Question

Question

Question

Question