All comments

• 

  Nico Meyers•50

  @NicoMeyersSubmitted over 4 years ago

  Am I missing anything?

  

  HTML & CSS any feedback appreciated.

  3

  20
  

  tspinjac•140

  @tspinjacPosted over 4 years ago

  Hi,

  absolute position makes it. In general, that's not the way to go for some mayor layout.

  0
• 

  Gediminas Makutenas•765

  @SenatriusSubmitted over 4 years ago

  This was a deceptively challenging one. When I saw the designs, I figured this can't be that bad. And then when I started I found multiple wrappers for text, images going outside the container on different screen sizes and god knows what else. Will be definitely revisiting this project in the future once my layout skills improve.

  Until then, any and all tips you might have to offer are highly appreciated :) Especially for making the image go outside it's container.

  

  Clipboard landing page using flexbox

  2

  10
  

  tspinjac•140

  @tspinjacPosted over 4 years ago

  @OP :D That 'this should be easy' gets me every time as well ^^

  As for picture going off screen, I'm aware of these (HTML/CSS wise):

  1. Translate (as you did)
  2. Negative margins (as @Diarrah suggested)
  3. Absolute position (avoiding this for some mayor layouts)

  2
• 

  Connor Z•5,115

  @zuolizhuSubmitted over 4 years ago

  Feedbacks are welcome!

  I really enjoyed to build such peaceful and beautiful pages :D

  I haven't used any libraries for the slider part, how the transition could be a little smoother?

  Is there any tiny-size slider library recommend?

  Thanks!

  

  Dine restaurant website Solution | Pure HTML CSS and JavaScript

  2

  158
  

  tspinjac•140

  @tspinjacPosted over 4 years ago

  Hi,

  almost pixel perfect, well done indeed. For slider, take a look at https://kenwheeler.github.io/slick/, seems ok.

  btw 2 minor things:

  • on <390px, you will find .slide-image is slightly taller.
  • ~ 375px working time break

  Once more, amazing job you did, GZ!

  Cheers, T.

  0

  This comment has received 1 replyShow
• 

  Ricky•150

  @voyage11Submitted over 4 years ago

  I struggled a bit on the position. I decided to comment out the footer because of the mobile screen, it flies into the middle of the screen. lol. I am still not sure the reason. I hope someone can give feedbacks to improve my codes. Thanks!

  

  Challenge 3: Base Apparel Coming Soon

  1

  10
  

  tspinjac•140

  @tspinjacPosted over 4 years ago

  Hi, when using absolute positionong, you are moving that element 'out of the HTML flow', so footer thinks element is not there at all. So it moves up.

  hint: .text-box { position: absolute; top: 200px; left: 140px; right: 0; bottom: 0; }

  In general, think there are way better ways of positioning elements then absolute. I use absolute for small things only, not for some mayor layout.

  Play around and you will figure it out. Cheers.

  2

  This comment has received 1 replyShow
• 

  Renato Brandão•65

  @renatobmpsSubmitted over 4 years ago

  How I can use regular expressions to validate email input? I know it existis, but I'm not use it

  

  HTML, CSS, Sass, Flexbox and JS

  2

  10
  

  tspinjac•140

  @tspinjacPosted over 4 years ago

  @OP: take a look at https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript for regex validation, I've used that.

  Btw your solution site is not responsive, liked your custom validation tho. Good luck

  2

  This comment has received 1 replyShow