All comments

• 

  Bluorde• 60

  @Bluorde

  Submitted 4 days ago

  

  Responsive Recipe Page Using Css

  1

  00

  

  CaplexW• 60

  @CaplexW

  Posted 4 days ago

  Not bad! But I'd like to point out one thing that can improve your pages in the future: Try to avoid using px unit at padding, margin, font-size, ... etc. It will limit resonsivness because it's an absolute unit. Instead you can use responsive units like em or rem. You can dive deeper in this topic by reading this article.

  0
• 

  Nerywst• 30

  @nerywst

  Submitted 8 days ago

  What are you most proud of, and what would you do differently next time?

  I was very glad that I was able to make a very similar design to the exercise.

  

  Social Links page using Unordered Lists

  2

  40

  

  CaplexW• 60

  @CaplexW

  Posted 8 days ago

  Good job! Though, you probably forget to make an 'active-state' of design to buttons. You can do it using pseudo-class :hover, but I see you already know that trick. You can also improve resposivnes by avoiding using absolute unit like px and instead using responsive unit like rem or em.

  Marked as helpful

  1
• 

  Hieu Tran• 40

  @hieutran249

  Submitted 11 days ago

  

  flex, position, transform

  2

  20

  

  CaplexW• 60

  @CaplexW

  Posted 10 days ago

  It's a good job! But I'd like to highlight a few things that might become an issue in the future:

  1. Try to avoid using px. It's an absolute unit, so it may cause problems in a responsive design. Instead, you can use responsive units like rem or em. You can read more about this in this article: Why you shouldn't use pixels for font-size.
  2. Consider replacing or experimenting with vh and vw when you use them in height and width. It might sound good to display content depending on a screen's height and width; however, it might act unpredictably while the screen size changes. If you open your page in DevTools and play with the screen width, you'll see that the layout acts probably not like you expected it to. Giving a .container property height: 100%; (100% from parent height) and using responsive unit like rem to declare elements size, should solve the problem with changing screen size.

  0
• 

  Nguyễn Thiên Long• 10

  @longenty

  Submitted 12 days ago

  What are you most proud of, and what would you do differently next time?

  I was able to use CSS to center the component

  What challenges did you encounter, and how did you overcome them?

  Initially I couldn't vertically align the QR component, but after learning about flex box , I was able to do it.

  

  Using Flex to center QR component

  1

  10

  

  CaplexW• 60

  @CaplexW

  Posted 12 days ago

  Good job! I see nothing to add.

  0