@AnisBacha
Latest solutions
Article Preview card using Flexbox, JavaScript and CSS animation
Submitted about 1 month agoI need help in creating the menu in the mobile version. I couldn't get the links fit that shape on the layout.
Four Card Feature using Flexbox & Responsive Design
Submitted 4 months agoI have no specific areas to ask about at the moment.
Responsive Product Card using CSS Grid and mobile worflow
Submitted 4 months agoI still have trouble getting everything to fit the right size. They're either still too big or too small compared to the solution.
I'm also still having trouble with reshaping the child elements within their parent element. I still don't understand inheritance when it comes to images.
Social Links Profile using Flexbox and Hover
Submitted 5 months agoI want to know how to use chaining and other techniques to reduce errors and overall editing with CSS. I also want to know if there's a better way to position elements rather than what I had used.
Latest comments
- @chrislloyd876
Hello! Good work on completing the project!
The design looks great and the share button works just fine on the Desktop version.
For some reason or another, I'm not seeing the share button work on the mobile version. Your code seems fine to me so I'm not sure why it wouldn't be working.
- P@bluetude@chrislloyd876
Great work on the challenge! Your solution is almost identical to the design.
Might I suggest using the
line-heightproperty for your paragraphs so they don't as clustered.Here's an example adding 25px to the line height of an element:
.container{ line-height: 25px; /*Add a 25px gap between text lines*/ }It would be better to use relative values like
emorremfor more responsive design as the strictpxvalue would make it hard to adjust to smaller screen sizes.I hope you find it useful! Great coding again!
- @godwinLaryeaWhat are you most proud of, and what would you do differently next time?
-Just getting this done is a W for me. It was really challenging getting the laptop for bigger screens. eventually figured it out
What challenges did you encounter, and how did you overcome them?Getting the middle elements to appear on top of feature.
@chrislloyd876This is good. It's almost identical to the design!
- @Gurjit05KWhat are you most proud of, and what would you do differently next time?
I got a great chance of learning how to make responsive website and I am proud of.
What challenges did you encounter, and how did you overcome them?I did face challenges in styling as it was new to me.
What specific areas of your project would you like help with?It would be a great help if i get help in all areas.
@chrislloyd876Great job on the challenge! It looks identical to the original.
The code is also well structured. I never thought to split the media queries into sections like you did.
- @xyon-devWhat are you most proud of, and what would you do differently next time?
It wasn't hard but it took a while to dial in the sizes and padding etc
What challenges did you encounter, and how did you overcome them?I didn't encounter any challenges
What specific areas of your project would you like help with?n/a
@chrislloyd876This is very good! You could also add some margin to your list elements to give your text more space and make things easier to read.
- @free-care@chrislloyd876
The layout looks great just slightly smaller and the font style for Jessica Hall is different from the design.
