Frontend Mentor | Lian Paul's profile

All comments

@faiyaz-rahman13Submitted 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

Lian Paul•340

@lianpaulmPosted 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

Gavin Loo•100

@rawsashimi1604Submitted 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

Lian Paul•340

@lianpaulmPosted about 3 years ago

Hey man! About your question

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