@YahyaHassan1914
Latest solutions
Responsive Social Links
#bem#vite#accessibilitySubmitted about 2 months ago- Writing media query to make web-pages responsive on different screen
- Advance CSS features (container query, clamp, etc.)
Responsive Blog Preview Card
Submitted about 2 months agoHow to make website responsive? How to use media queries? How to use container queries? How to use CSS functions(clamp, minmax, min, max etc.)
Responsive QR card
#accessibility#bem#viteSubmitted about 2 months agoHow to make website responsive?
Latest comments
- @iamitshaw-1998
- For the nutrition-table: row-header use
<th>I am also new to web-development. This is the only thing I have noticed which was suggestable in my opinion.
- For the nutrition-table: row-header use
- @icaroryann@iamitshaw-1998
Kudos on completing this task, and you have done a really nice job creating by creating beautiful design.
Here is some suggestion:
- for images use
display:block;andwidth: 100%, it will be helpful is most of the situation - for nutrition table, you should have used
<table>instead - background-image is for decorative purpose, you should have used <img>` instead. Please let me know your opinion about the suggestions. Thanks Amit Shaw
- for images use
- P@assiduousdev@iamitshaw-1998
You have exactly matched the design - 👌 Using the fixed width on social media links is causing issue on smaller screen, horizonal scroll is noticeable and responsiveness isn't maintained, try to tackle these using media query. I am also new so if media query is overkill then do let me thanks
- @linscot10@iamitshaw-1998
Hi Lawrence, In my opinion, look and feel of the website is great. I think you haven't used the provided font; please use that by serving locally or you can use google-font
- @UgokamsWhat are you most proud of, and what would you do differently next time?
I'm proud of the fact that I was able to build a responsive page that adapt to both mobile and desktop screen sizes.
Next time, I would like to explore using media queries more flexibly, perhaps experimenting with min()/max() for better scaling.
What challenges did you encounter, and how did you overcome them?One challenge I encountered was ensuring the text and image scaled appropriately without breaking the design. I spent time tweaking units (like using em, rem, px, and %) and tested the layout in different screen sizes using browser dev tools.
What specific areas of your project would you like help with?I'm yet to get a hold of the usage of media query perfectly. I would appreciate any support that will enable be grasp the concept fully.
@iamitshaw-1998**I'm yet to get a hold of the usage of media query perfectly. I would appreciate any support that will enable be grasp the concept fully.
- For learning about CSS Media Query: Watch few videos of Kevin Powell
