@anindyaprayogaSubmitted about 1 year ago
Latest solutions
Social Links Profile
Submitted about 1 year agoi would love to know if there is any better way of the layout being responsive . i did desktop-first design and then proceed to do the mobile layout then .
Latest comments
- @iliAsgharPosted about 1 year ago
Goodjob! šā
a quick note : while using
<ul>for your buttons is valid, i dont think the<ul>was necessary , and for Buttons , other than Form Buttons , it's usually recommended to use<a></a>simply because with<a>s you can link the button to somewhere else . (<button>s are used to Submit and to my knowledge can't be linked to somewhere else.)0 - @kumarlalit53455Submitted about 1 year agoWhat are you most proud of, and what would you do differently next time?
it was my first challenge in web development.
i will try to do harder than this challenge next time.
What challenges did you encounter, and how did you overcome them?i faced problems in table. I overcome this by studing in online sites like w3schools.
@iliAsgharPosted about 1 year agoGood job! ā š
- tip : you could use pseudo classes like
:not(:last-child())to select all the childs but the last one . this could help with designing the table (the last row shouldn't have aborder-bottom
Marked as helpful0 - tip : you could use pseudo classes like
- @TheLius1Submitted about 1 year agoWhat are you most proud of, and what would you do differently next time?
I am so happy to know about Frontend Mentor and it's a great achievement to build this project in just a day and by this, its improve my HTML and CSS skills and i hope to do better next time
What challenges did you encounter, and how did you overcome them?i literally forgot some positioning in CSS so I had to use chatGPT as an assistance guild which helped me and I now understood positioning in CSS better
What specific areas of your project would you like help with?My grocery landing page
@iliAsgharPosted about 1 year agoGoodJob! ā
š i like your choice of tweaking the design files to match your profile! :D
some small notes on your code :
-
i noticed you didn't declare any
font-faces in your CSS . Declaring font-faces ensures that even if the user doesn't have the desired font family , it loads it for them. (for me your buttons don't have a font family ; and i noticed you didn't actually declare any font family for them in your CSS. it might have been because of a default font on your browser that confused you) . . you can read aboutfont-faces Here . -
Defining specific Class names for your elements helps you to get a better understanding of the layout and prevents any specificity problems in the future . i recommend sticking with a set Naming Convention like BEM . (p.s: I just noticed you did use BEM naming to name most of your classes, but i think the whole point of BEM is to not have any floating classes that don't fit into BEM)
That's all! . i hope you're having a great time, and
Happy coding! š¤š
0 -
- @PipendogSubmitted about 1 year agoWhat are you most proud of, and what would you do differently next time?
Proud that I finally found out how to center boxes on a page.
What challenges did you encounter, and how did you overcome them?Dynamic layout is struggle for me. Still learning how to make my page looks good in any device.
What specific areas of your project would you like help with?Need help with sizing and dynamic layout. To make my page looks good in any device
@iliAsgharPosted about 1 year agoGood Job! ā you did great.
for a better understanding of Responsive Layouts, i know a free course from kevin powell that you could maybe have a go for. I'm not sure if this is allowed here, and I'm not trying to advertise anything. this is just something that helped me get a better knowledge of Responsive layout.
Conquering Responsive Layouts - Kevin Powell
it's a 21day course and it's formatted in a way that opens the tutorials day by day. have fun Coding! š¤
Marked as helpful1 - @Phelipe97Submitted about 1 year agoWhat specific areas of your project would you like help with?
If you guys help me with the table lines in the end of this site i will apreciate . thank you very much! !
@iliAsgharPosted about 1 year agoyou could use the :not() and :last-child() pseudo class and come up with something like this:
.table-row:not(:last-child()) {...}and now you can give a style to all the rows, except the last one
happy coding!
1 - @AliSeparSubmitted about 1 year ago@iliAsgharPosted about 1 year ago
i don't know if it's from my side, but your repository link doesn't work
0
