All comments

• 

  faiyaz rahman• 260

  @faiyaz-rahman13

  Submitted about 3 years ago

  completed another challenge. please let me know how can I improve it and make it more responsive with less coding and effort. your feedback would be very helpful or me thank you

  

  Html css and bootstrap solution of otestimonial grid

  4

  10

  

  Lian Paul• 340

  @lianpaulm

  Posted about 3 years ago

  Hey Faiyaz,

  I suggest you to learn css grid, It's very useful when it comes to do layout, and using grid you can also create a responsive layout without using media queries! it's powerful tool specially if you create two-dimensional layouts. I suggest to learn in along with flexbox! familiarized those two😀

  I also encourage you to focus on css first before using any framework such as bootstrap, having a strong foundation in vanilla css is very easily to jump on any css framework.

  overall this looks really good👍 keep it up!

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Gavin Loo• 100

  @rawsashimi1604

  Submitted about 3 years ago

  Just wanted to ask, how do I move the div: "Challenge by Frontend Mentor.... " to below my main div container.

  Also, is it a good idea to center my div using position absolute, top50% left50% transform translate(-50%, -50%) or are there any better solutions out there?

  Thank you!

  

  HTML CSS, Beginner Order Summary Component

  3

  20

  

  Lian Paul• 340

  @lianpaulm

  Posted about 3 years ago

  Hey man! About your question

  1. you can use position: absolute

  .attribution {
       position: absolute;
       bottom: 1rem;
       left: 50%;
       transform: translateX(-50%);
  }
  

  to center and stick to the bottom.

  2.Yeah, Its okay to use position absolute, top50% left50% transform translate(-50%, -50%) trick to center an element but be aware of using it because it affect the other element Note: Absolute positioned elements are removed from the normal flow, and can overlap elements.

  There's many ways to do center an element, but I recommend using flexbox or grid because its very simple and flexible. I hope it helps 😀

  Overall great work 👍 Keep it up!

  Marked as helpful

  1

  This comment has received 3 repliesShow